Raft Landing Page

This project is a responsive landing page developed using Vite, TypeScript, Tailwind CSS, Framer Motion for animations, and Shadcn UI. The design inspiration and components are sourced from the Figma file: Figma Design.

Demo

Explore the live demo: Raft Landing Page Demo

Raft.Landing.Page.1.mp4

Features

• Modern Development Stack: Built with Vite and TypeScript for efficient and fast development.
• Responsive Design: Ensures a seamless experience across various devices and screen sizes.
• Tailwind CSS: Utilizes the power of Tailwind CSS for easy and customizable styling.
• Framer Motion: Incorporates Framer Motion for smooth and captivating animations.
• Shadcn UI: Integrates Shadcn UI components for a consistent and visually appealing user interface.

Getting Started

1. Clone the Repository:

   git clone https://github.com/your-username/raft-landing-page.git

2. Navigate to the Project Directory:

   cd raft-landing-page

3. Install Dependencies:

   npm install

4. Run the Development Server:

   npm run dev

   The development server will start, and you can view the project at http://localhost:3000.

5. Build for Production:

   npm run build

   This will generate optimized and minified files in the dist directory.

Project Structure

• src/: Contains the source code of the project.
  • components/: Reusable components used in the project.
  • styles/: Stylesheets, including Tailwind CSS.
  • pages/: Individual pages of the application.
  • animations/: Framer Motion animations.
• public/: Static assets and the Figma design file.

Customize

Feel free to customize and extend the project to suit your needs. Explore the codebase, tweak the styles, and add new features as necessary.

Credits

• Figma Design by Figma Community
• Shadcn UI for UI components

License

This project is licensed under the MIT License.

---

Enjoy building with Raft Landing Page! If you have any questions or suggestions, feel free to open an issue or reach out to the contributors.