{"id":20911726,"url":"https://github.com/redaezziani/animation-landing-page","last_synced_at":"2026-03-10T15:32:30.296Z","repository":{"id":209501186,"uuid":"724227248","full_name":"redaezziani/animation-landing-page","owner":"redaezziani","description":"landing page implemented using Next.js, Tailwind CSS, and Framer Motion","archived":false,"fork":false,"pushed_at":"2024-04-23T17:18:29.000Z","size":6670,"stargazers_count":7,"open_issues_count":1,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-24T20:45:03.963Z","etag":null,"topics":["framer-motion","nextjs","nextjs-routing","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"","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/redaezziani.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}},"created_at":"2023-11-27T16:48:25.000Z","updated_at":"2025-01-05T23:43:10.000Z","dependencies_parsed_at":"2024-11-18T14:27:11.342Z","dependency_job_id":"0b2037be-805b-49d0-8395-47d12308d696","html_url":"https://github.com/redaezziani/animation-landing-page","commit_stats":null,"previous_names":["redaezziani/animation-landing-page"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/redaezziani/animation-landing-page","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/redaezziani%2Fanimation-landing-page","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/redaezziani%2Fanimation-landing-page/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/redaezziani%2Fanimation-landing-page/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/redaezziani%2Fanimation-landing-page/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/redaezziani","download_url":"https://codeload.github.com/redaezziani/animation-landing-page/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/redaezziani%2Fanimation-landing-page/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30340117,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-10T15:03:31.997Z","status":"ssl_error","status_checked_at":"2026-03-10T15:01:30.431Z","response_time":106,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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","nextjs","nextjs-routing","tailwindcss","typescript"],"created_at":"2024-11-18T14:23:35.731Z","updated_at":"2026-03-10T15:32:30.276Z","avatar_url":"https://github.com/redaezziani.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"markdown\n\n# Animation Landing Page\n\n![Web Site Preview](./web-site-prev.gif)\n\n## Description\n\nThis project is a landing page implemented using Next.js, Tailwind CSS, and Framer Motion. It serves as a clone for the Apple website, focusing on animations and modern web design techniques.\n\n## Features\n\n- Responsive design for various screen sizes.\n- Smooth animations created with Framer Motion.\n- Next.js for efficient and fast web development.\n- Tailwind CSS for easy styling and customization.\n\n## Project Structure\n\n```plaintext\nanimation-landing-page/\n├── public/\n│   ├── index.html\n│   ├── favicon.ico\n│   └── ...\n├── src/\n│   ├── components/\n│   │   └── NavBar.tsx\n│   ├── pages/\n│   │   ├── api/...\n├── │   ├── _app.tsx\n│   │   ├── index.tsx\n│   │   └── _document.tsx\n│   └── styles/\n│       └── global.css\n│       \n│   \n├── .gitignore\n├── next.config.js\n├── package.json\n├── tsconfig.json\n├── README.md\n└── tailwind.css\n``````\n## Installation\n\nBefore you start, make sure you have Node.js and npm installed on your machine.\n\n1. Clone the repository:\n\n   ```bash\n   git clone https://github.com/redaezziani/animation-landing-page.git\n\n    Change into the project directory:\n\n    bash\n\ncd animation-landing-page\n\nInstall dependencies:\n\nbash\n\nnpm install\n\nRun the development server:\n\nbash\n\n    npm run dev\n\n    The project will be accessible at http://localhost:3000.\n```\n\nUsage\n\nFeel free to explore, modify, and extend the project as needed. Customize the content, colors, and animations to suit your preferences and requirements.\nContributing\n\nIf you'd like to contribute to this project, please follow the standard GitHub Fork and Pull Request workflow.\nLicense\n\nThis project is licensed under the MIT License.\nAcknowledgments\n\n    Next.js\n    Tailwind CSS\n    Framer Motion\n\nHappy coding! 🚀\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fredaezziani%2Fanimation-landing-page","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fredaezziani%2Fanimation-landing-page","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fredaezziani%2Fanimation-landing-page/lists"}