Light Landing Page Task Flow

A modern, light-themed SaaS landing page starter template built with Next.js and TailwindCSS. Perfect for launching your product or service website with a clean, professional design.

---

Attribution Disclaimer

Design adapted from SaaS Website UI Kit — Framer Website Kit 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
• TailwindCSS for efficient styling
• Component-based architecture (Hero, Header, Pricing, Testimonials, etc.)
• Font optimization with Next.js font handling
• SEO-ready structure
• TypeScript for type safety

---

Project Structure

src/
├── app/
│   ├── globals.css              # Global Tailwind styles
│   ├── layout.tsx               # Root layout (Next.js)
│   └── page.tsx                 # Home page
│
├── assets/
│   └── images/                  # Image assets
│
└── components/                  # Reusable UI components
    ├── Header.tsx
    ├── Hero.tsx
    ├── LogoTicker.tsx
    ├── ProductShowcase.tsx
    ├── Pricing.tsx
    ├── Testimonials.tsx
    ├── CallToAction.tsx
    └── Footer.tsx

├── next.config.mjs              # Next.js configuration
├── tailwind.config.ts           # TailwindCSS configuration
├── tsconfig.json                # TypeScript configuration
└── package.json                 # Dependencies & scripts

---

Installation

1. Clone the repository

   git clone https://github.com/AymaneMehdi/Light-Landing-Page-Task-Flow.git
   cd Light-Landing-Page-Task-Flow

2. Install dependencies

   npm install

---

Running the Project

npm run dev

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

npm run build
npm start

Builds the project for production and starts the production server.

---

Tech Stack

Tool / Library	Description
Next.js 14	React framework for production apps
React 18	UI library for building components
TypeScript	Type-safe JavaScript
TailwindCSS 3	Utility-first CSS framework

---

Scripts

Command	Description
npm run dev	Run development server
npm run build	Build for production
npm start	Start production server
npm run lint	Run ESLint checks

---

Deployment

The easiest way to deploy your app is using Vercel Platform from the creators of Next.js.

Check out the Next.js deployment documentation for more details.

---

License

This project is licensed under the MIT License.

---

Copyright © Aymane Mehdi