{"id":30274576,"url":"https://github.com/amirallami-code/framer-landing-page","last_synced_at":"2026-04-11T04:32:45.616Z","repository":{"id":309901884,"uuid":"1033982306","full_name":"amirallami-code/framer-landing-page","owner":"amirallami-code","description":"A modern, responsive SaaS landing page built with Next.js 15, TypeScript, and Tailwind CSS. Features a sleek design with smooth animations, testimonials, pricing tiers, and a mobile-first approach.","archived":false,"fork":false,"pushed_at":"2025-08-14T11:57:28.000Z","size":4201,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-08-14T13:23:23.638Z","etag":null,"topics":["framer-motion","lucide-react","nextjs","npm","npmjs","shadcn-ui","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"https://framer-amirallami.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/amirallami-code.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-08-07T16:43:26.000Z","updated_at":"2025-08-14T12:20:39.000Z","dependencies_parsed_at":"2025-08-16T09:31:59.500Z","dependency_job_id":null,"html_url":"https://github.com/amirallami-code/framer-landing-page","commit_stats":null,"previous_names":["amirallami-code/framer-landing-page"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/amirallami-code/framer-landing-page","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/amirallami-code%2Fframer-landing-page","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/amirallami-code%2Fframer-landing-page/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/amirallami-code%2Fframer-landing-page/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/amirallami-code%2Fframer-landing-page/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/amirallami-code","download_url":"https://codeload.github.com/amirallami-code/framer-landing-page/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/amirallami-code%2Fframer-landing-page/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31669115,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-10T17:19:37.612Z","status":"online","status_checked_at":"2026-04-11T02:00:05.776Z","response_time":54,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["framer-motion","lucide-react","nextjs","npm","npmjs","shadcn-ui","tailwindcss","typescript"],"created_at":"2025-08-16T08:41:07.022Z","updated_at":"2026-04-11T04:32:45.606Z","avatar_url":"https://github.com/amirallami-code.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Framer Landing Page\n\nA modern, responsive SaaS landing page built with Next.js 15, TypeScript, and Tailwind CSS. Features a sleek design with smooth animations, testimonials, pricing tiers, and a mobile-first approach.\n\n![Landing Page Preview](https://github.com/amirallami-code/framer-landing-page/blob/main/public/demo.png)\n\n\u003cdiv align=\"center\"\u003e\n   \n  [View Live Site](https://framer-amirallami.vercel.app/) · [Report Bug](https://github.com/amirallami-code/framer-landing-page/issues) · [Ask a question](https://github.com/amirallami-code/framer-landing-page/issues)\n  \n\u003c/div\u003e\n\n## ✨ Features\n\n- **Modern Design** - Clean, professional layout with gradient backgrounds and glassmorphism effects\n- **Fully Responsive** - Mobile-first design that looks great on all devices\n- **TypeScript** - Type-safe development with full TypeScript support\n- **Tailwind CSS** - Utility-first CSS framework for rapid UI development\n- **shadcn/ui Components** - High-quality, accessible UI components\n- **Performance Optimized** - Built with Next.js 15 for optimal performance\n- **SEO Ready** - Optimized for search engines\n- **Smooth Animations** - Framer Motion integration for fluid animations\n\n## 🛠️ Tech Stack\n\n- **Framework:** [Next.js 15](https://nextjs.org/)\n- **Language:** [TypeScript](https://www.typescriptlang.org/)\n- **Styling:** [Tailwind CSS](https://tailwindcss.com/)\n- **UI Components:** [shadcn/ui](https://ui.shadcn.com/)\n- **Animations:** [Framer Motion](https://www.framer.com/motion/)\n- **Icons:** [Lucide React](https://lucide.dev/)\n- **Package Manager:** [npm](https://www.npmjs.com/)\n\n## 📋 Prerequisites\n\nBefore you begin, ensure you have the following installed:\n- Node.js (version 18 or higher)\n- npm or yarn package manager\n\n## ⚡ Quick Start\n\n1. **Clone the repository**\n   ```bash\n   git clone https://github.com/your-username/framer-landing-page.git\n   cd framer-landing-page\n   ```\n\n2. **Install dependencies**\n   ```bash\n   npm install\n   # or\n   yarn install\n   ```\n\n3. **Run the development server**\n   ```bash\n   npm run dev\n   # or\n   yarn dev\n   ```\n\n4. **Open your browser**\n   Navigate to [http://localhost:3000](http://localhost:3000) to see the result.\n\n## 📁 Project Structure\n\n```\nframer-landing-page/\n├── app/                    # Next.js app directory\n├── components/\n│   ├── ui/                # shadcn/ui components\n│   │   ├── button.tsx\n│   │   ├── navigation-menu.tsx\n│   │   └── sheet.tsx\n│   ├── CallToAction.tsx   # CTA section\n│   ├── Footer.tsx         # Footer component\n│   ├── Header.tsx         # Navigation header\n│   ├── Hero.tsx           # Hero section\n│   ├── LogoTicker.tsx     # Logo carousel\n│   ├── Pricing.tsx        # Pricing tiers\n│   ├── ProductShowcase.tsx # Product showcase\n│   └── Testimonials.tsx   # Customer testimonials\n├── lib/\n│   └── utils.ts           # Utility functions\n├── public/                # Static assets\n│   ├── shapes/           # Shape graphics\n│   ├── logos/            # Company logos\n│   └── avatar/           # User avatars\n├── components.json        # shadcn/ui configuration\n└── README.md\n```\n\n## 🎯 Key Features\n\n### Responsive Design\n- Mobile-first approach\n- Smooth breakpoint transitions\n- Touch-friendly interactions\n\n### Performance\n- Server-side rendering with Next.js\n- Optimized images and assets\n- Fast loading times\n\n### Accessibility\n- ARIA-compliant components\n- Keyboard navigation support\n- Screen reader friendly\n\n### Animations\n- Framer Motion integration\n- Smooth scroll effects\n- Hover animations\n\n## 🛠️ Available Scripts\n\n```bash\n# Development server with Turbopack\nnpm run dev\n\n# Production build\nnpm run build\n\n# Start production server\nnpm start\n\n# Run ESLint\nnpm run lint\n```\n\n## 📄 License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n\n## 👤 Author\n\n**Amir Allami**\n- Website: [amirallami.com](https://amirallami.com/)\n- GitHub: [@amirallami-code](https://github.com/amirallami-code)\n\n## 🙏 Acknowledgments\n\n- Design inspiration from modern SaaS landing pages\n- [shadcn/ui](https://ui.shadcn.com/) for the beautiful components\n- [Tailwind CSS](https://tailwindcss.com/) for the utility-first approach\n- [Framer Motion](https://www.framer.com/motion/) for smooth animations\n\n## 📧 Support\n\nIf you have any questions or need help, please open an issue or contact me directly.\n\n---\n\n⭐ If you found this project helpful, please give it a star on GitHub!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Famirallami-code%2Fframer-landing-page","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Famirallami-code%2Fframer-landing-page","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Famirallami-code%2Fframer-landing-page/lists"}