Aymane Mehdi
ꜱᴏꜰᴛᴡᴀʀᴇ ᴇɴɢɪɴᴇᴇʀ • ꜰᴜʟʟ-ꜱᴛᴀᴄᴋ ᴅᴇᴠᴇʟᴏᴘᴇʀ • ᴀɪ ᴇɴɢɪɴᴇᴇʀ
SUSHIMAN - Landing Page (HTML & CSS)
A clean, responsive landing page for a sushi restaurant built with plain HTML, modular CSS, and a small TypeScript entry using Vite. Includes animated effects (AOS) and a lightweight development setup.
Features
Responsive layout and mobile-friendly design
Modular CSS under css/sections/ for organized styles
Built with Vite + TypeScript for fast development
Uses AOS for scroll animations
Prerequisites
Node.js (16+) and npm
Quick Start
Install dependencies and run the dev server:
Available npm scripts (from package.json):
dev — start Vite dev server
build — compile TypeScript and build production assets (tsc && vite build)
preview — preview the production build locally
To build and preview a production bundle:
Project Structure
index.html — main HTML entry
assets/ (assets) — images and static assets
css/ (css) — styles, including style.css and sections/
public/ (public) — static files served as-is (if used)
src/ (src) — TypeScript entry (index.ts) and Vite setup
package.json — scripts and dependencies
LICENSE — project license
Customization
Edit the HTML, update styles under css/sections/, and change images in assets/. The development server reloads automatically.
Deployment
The easiest way to deploy your app is using Vercel Platform (https://vercel.com) from the creators of Next.js.
Check out the Next.js deployment documentation (https://nextjs.org/docs/deployment) for more details.
Security
Please review our Security Policy (SECURITY.md) for information about reporting vulnerabilities.
License
This project is licensed under the MIT License (LICENSE).
Copyright © Aymane Mehdi
4
620
Light Landing Page Task Flow
Light Theme SaaS Landing Page template built with Next.js, Framer Motion and Tailwind CSS. Perfect for launching your product or service website with a sleek, professional design.
Attribution Disclaimer
Design adapted from SaaS Website UI Kit — Framer Website Kit (https://www.figma.com/community/file/1347551304372055519) by Framer (licensed under CC BY 4.0).
Features
Light theme UI with modern design patterns
Fully responsive design across all devices
Next.js 14 with React 18 for optimal performance
Tailwind CSS for efficient styling
Framer Motion for smooth animations
Font optimization with Next.js font handling
Vercel Analytics integration
SEO-ready structure
Project Structure
Installation
Clone the repository
Install dependencies
Running the Project
Runs the development server on http://localhost:3000
Open your browser and start editing src/app/page.tsx. The page auto-updates as you edit the file.
Building for Production
Builds the project for production and starts the production server.
Deployment
The easiest way to deploy your app is using Vercel Platform (https://vercel.com) from the creators of Next.js.
Check out the Next.js deployment documentation (https://nextjs.org/docs/deployment) for more details.
Security
Please review our Security Policy (SECURITY.md) for information about reporting vulnerabilities.
License
This project is licensed under the MIT License (LICENSE).
Copyright © Aymane Mehdi
4
596
Dark Landing Page Task Flow
Dark Theme SaaS Landing Page template built with Next.js, Framer Motion and Tailwind CSS. Perfect for launching your product or service website with a sleek, professional design.
Attribution Disclaimer
Design adapted from SaaS Website UI Kit — Framer Website Kit (https://www.figma.com/community/file/1347551304372055519) by Framer (licensed under CC BY 4.0).
Features
Dark theme UI with modern design patterns
Fully responsive design across all devices
Next.js 14 with React 18 for optimal performance
Tailwind CSS for efficient styling
Framer Motion for smooth animations
Font optimization with Next.js font handling
Vercel Analytics integration
SEO-ready structure
Project Structure
Installation
Clone the repository
Install dependencies
Running the Project
Runs the development server on http://localhost:3000
Open your browser and start editing src/app/page.tsx. The page auto-updates as you edit the file.
Building for Production
Builds the project for production and starts the production server.
Deployment
The easiest way to deploy your app is using Vercel Platform (https://vercel.com) from the creators of Next.js.
Check out the Next.js deployment documentation (https://nextjs.org/docs/deployment) for more details.
Security
Please review our Security Policy (SECURITY.md) for information about reporting vulnerabilities.
License
This project is licensed under the MIT License (LICENSE).
Copyright © Aymane Mehdi
4
611
Dark AI SEO Landing Page
Modern AI Startup Landing Page built with Next.js, Framer Motion, and Tailwind CSS. Designed for AI startups, SaaS platforms, and technology businesses with a sleek dark interface, responsive layouts, and smooth animations.
Attribution Disclaimer
Design adapted from AI Startup Website UI Kit — Framer Website Kit (https://www.figma.com/community/file/1387793529956204409/ai-startup-website-ui-kit-framer-website-kit) by Framer (licensed under CC BY 4.0).
Features
Modern AI startup UI with a premium dark theme
Fully responsive design for desktop, tablet, and mobile
Next.js 14 with React for high performance
Tailwind CSS for scalable utility-first styling
Framer Motion for smooth animations and transitions
Reusable components for easy customization
SEO-friendly project structure
Optimized fonts and assets with Next.js
Project Structure
Installation
Clone the repository
Navigate to the project
Install dependencies
Running the Project
Runs the development server at:
Open your browser and start editing src/app/page.tsx. Changes will automatically reload during development.
Building for Production
Builds the project for production and starts the production server.
Deployment
The easiest way to deploy your app is using Vercel Platform (https://vercel.com) from the creators of Next.js.
Check out the Next.js deployment documentation (https://nextjs.org/docs/deployment) for more details.
Security
Please review our Security Policy for information about reporting vulnerabilities.
License
This project is licensed under the MIT License.
Copyright © Aymane Mehdi
2
581