Floral Website

A beautiful, modern floral website template built with React, TypeScript, and Tailwind CSS. This package provides a complete floral website solution that can be easily integrated into any React project.

Features

• 🎨 Modern and responsive design
• 🌸 Floral-themed components and pages
• 📱 Mobile-first approach
• 🛍️ Product catalog with details
• 📝 Blog system
• 🔐 Admin dashboard
• 🎭 Smooth animations with Framer Motion
• 🎯 SEO friendly
• 📦 Easy to install and use

Installation

npm install floral-website
# or
yarn add floral-website

Usage

Basic Setup

import { FloralWebsite } from "floral-website";

function App() {
  return <FloralWebsite />;
}

Using Individual Components

import { Header, Footer, Products, Blog, useLenis } from "floral-website";

function MyCustomApp() {
  useLenis(); // For smooth scrolling

  return (
    <div>
      <Header />
      <main>
        <Products />
        <Blog />
      </main>
      <Footer />
    </div>
  );
}

Available Components

Pages

• Home - Landing page
• Products - Product catalog
• ProductDetail - Individual product view
• Blog - Blog listing
• BlogPost - Individual blog post
• About - About page
• AdminLogin - Admin login page
• AdminDashboard - Admin dashboard
• NotFound - 404 page

Components

• Header - Navigation header
• Footer - Site footer
• ScrollToTop - Scroll to top button

Hooks

• useLenis - Smooth scrolling hook

Customization

The website can be customized through props and CSS variables. Check the documentation for detailed customization options.

Dependencies

This package has the following peer dependencies:

• React (^18.0.0)
• React DOM (^18.0.0)
• React Router DOM (^6.0.0)

License

MIT

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.