modern-business-landing-page-react-tailwindcss Tailwind Templates

Modern Business Landing Page React Tailwindcss

Modern Business Landing Page

modern-business-landing-page

A sleek and responsive landing page built with React, Tailwind CSS, and Framer Motion animations.

🌟 Features

  • Modern and clean design
  • Fully responsive layout
  • Smooth animations with Framer Motion
  • Interactive components
  • Testimonials carousel
  • Newsletter subscription form
  • Company logo showcase
  • Pricing calculator
  • Service showcase sections

šŸ› ļø Built With

  • React.js
  • Tailwind CSS
  • Framer Motion
  • Swiper.js
  • React Icons

šŸš€ Getting Started

Prerequisites

  • Node.js (v14 or higher)
  • npm or yarn

Installation

  1. Clone the repository ```bash git clone https://github.com/mdalmamunit427/modern-business-landing-page-react-tailwindcss

cd modern-business-landing-page-react-tailwindcss




2. Install dependencies
```bash
npm install
  1. Start the development server
    npm run dev
    

šŸ“¦ Project Structure

src/ ā”œā”€ā”€ components/ │ ā”œā”€ā”€ Navbar.jsx │ ā”œā”€ā”€ Hero.jsx │ ā”œā”€ā”€ CompanyLogo.jsx │ ā”œā”€ā”€ PurposeSection.jsx │ ā”œā”€ā”€ FeaturesSection.jsx │ ā”œā”€ā”€ ScheduleSection.jsx │ ā”œā”€ā”€ MonitorSection.jsx │ ā”œā”€ā”€ PricingSection.jsx │ ā”œā”€ā”€ ServicesSection.jsx │ ā”œā”€ā”€ TestimonialsSection.jsx │ ā”œā”€ā”€ NewsletterSection.jsx │ └── Footer.jsx

šŸŽØ Customization

  1. Replace the placeholder images and text with your own content
  2. Update the company logo and testimonials in the data.js file
  3. Modify the pricing plans in the PricingSection.jsx file
  4. Update the newsletter form in the NewsletterSection.jsx file

šŸ“ License

This project is licensed under the MIT License. See the LICENSE file for details.

Top categories

Loading Svelte Themes