Update src/app/page.tsx
This commit is contained in:
286
src/app/page.tsx
286
src/app/page.tsx
@@ -2,190 +2,136 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import LegalSection from '@/components/legal/LegalSection';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Facebook, Instagram, Mail, MapPin, Phone } from "lucide-react";
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import { Instagram, Facebook, MapPin, Phone, Mail } from 'lucide-react';
|
||||
|
||||
export default function HomePage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Bouquets", id: "/bouquets" },
|
||||
{ name: "Baskets", id: "/baskets" },
|
||||
{ name: "Flowers", id: "/flowers" },
|
||||
{ name: "Special Orders", id: "/special-orders" },
|
||||
{ name: "Events", id: "/events" },
|
||||
{ name: "Subscriptions", id: "/subscriptions" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="medium"
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Bouquets", id: "/bouquets"},
|
||||
{
|
||||
name: "Baskets", id: "/baskets"},
|
||||
{
|
||||
name: "Flowers", id: "/flowers"},
|
||||
{
|
||||
name: "Special Orders", id: "/special-orders"},
|
||||
{
|
||||
name: "Events", id: "/events"},
|
||||
{
|
||||
name: "Subscriptions", id: "/subscriptions"},
|
||||
{
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="Karamvir's Flower Shop"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={navItems}
|
||||
brandName="Karamvir's Flower Shop"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
title="Where Floral Elegance Meets Timeless Trust"
|
||||
description="Discover exquisite bouquets and bespoke floral arrangements designed to captivate and delight."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Bouquets", href: "/bouquets"},
|
||||
{
|
||||
text: "Order on WhatsApp", href: "https://wa.me/8979072122"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bouquet-standing-near-books-coffee_23-2147711718.jpg", imageAlt: "Elegant white rose arrangement"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-floral-design-studio_23-2151910702.jpg", imageAlt: "Soft pastel pink floral bouquet"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-eucalyptus-plant_23-2149200311.jpg", imageAlt: "Sage green leaves with white flowers"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-floral-arrangement-red-surface_58702-17399.jpg", imageAlt: "Exquisite purple orchid bouquet"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-beige-flower-macro_209303-112.jpg", imageAlt: "Delicate flower petals close-up"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mothers-day-composition-with-flowers-present_23-2147776076.jpg", imageAlt: "Assorted fresh flowers in a gift box"},
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "plain" }}
|
||||
title="Where Floral Elegance Meets Timeless Trust"
|
||||
description="Discover exquisite bouquets and bespoke floral arrangements designed to captivate and delight."
|
||||
buttons={[
|
||||
{ text: "Shop Bouquets", href: "/bouquets" },
|
||||
{ text: "Order on WhatsApp", href: "https://wa.me/8979072122" }
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bouquet-standing-near-books-coffee_23-2147711718.jpg", imageAlt: "Elegant white rose arrangement" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-floral-design-studio_23-2151910702.jpg", imageAlt: "Soft pastel pink floral bouquet" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-eucalyptus-plant_23-2149200311.jpg", imageAlt: "Sage green leaves with white flowers" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/minimal-floral-arrangement-red-surface_58702-17399.jpg", imageAlt: "Exquisite purple orchid bouquet" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/pink-beige-flower-macro_209303-112.jpg", imageAlt: "Delicate flower petals close-up" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mothers-day-composition-with-flowers-present_23-2147776076.jpg", imageAlt: "Assorted fresh flowers in a gift box" }
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="featured-categories" data-section="featured-categories">
|
||||
<ProductCardFour
|
||||
animationType="opacity"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "bouquets", name: "Bouquets", price: "Starting from ₹999", variant: "Hand-tied elegance", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-floral-frame-yellow-background_23-2148274674.jpg", imageAlt: "Assorted flower bouquets"},
|
||||
{
|
||||
id: "baskets", name: "Baskets", price: "Starting from ₹1499", variant: "Curated gift hampers", imageSrc: "http://img.b2bpic.net/free-photo/rose-flowers-with-macaroons-cinnamon-container-white-cloth_23-2148161720.jpg", imageAlt: "Luxury flower gift baskets"},
|
||||
{
|
||||
id: "fresh-flowers", name: "Fresh Flowers", price: "Starting from ₹499", variant: "Single stem & bunches", imageSrc: "http://img.b2bpic.net/free-photo/nature-green-wild-plant-concept_53876-31013.jpg", imageAlt: "Variety of fresh cut flowers"},
|
||||
{
|
||||
id: "special-orders", name: "Special Orders", price: "Custom Pricing", variant: "Bespoke floral artistry", imageSrc: "http://img.b2bpic.net/free-photo/woman-making-beautiful-floral-bouquet_23-2148846519.jpg", imageAlt: "Custom floral jewelry and garlands"},
|
||||
{
|
||||
id: "events", name: "Events", price: "Consultation Required", variant: "Grand occasion decor", imageSrc: "http://img.b2bpic.net/free-photo/elegant-wedding-ceremony-with-floral-decorations_23-2152010072.jpg", imageAlt: "Wedding and party floral arrangements"},
|
||||
{
|
||||
id: "subscriptions", name: "Subscriptions", price: "Starting from ₹1999/month", variant: "Fresh blooms delivered", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-holding-furoshiki-package_23-2150642986.jpg", imageAlt: "Flower subscription box"},
|
||||
]}
|
||||
title="Our Floral Collections"
|
||||
description="Explore our curated selections, each crafted with passion and precision to bring beauty to every moment."
|
||||
/>
|
||||
</div>
|
||||
<div id="featured-categories" data-section="featured-categories">
|
||||
<ProductCardFour
|
||||
animationType="opacity"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "bouquets", name: "Bouquets", price: "Starting from ₹999", variant: "Hand-tied elegance", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-floral-frame-yellow-background_23-2148274674.jpg", imageAlt: "Assorted flower bouquets" },
|
||||
{ id: "baskets", name: "Baskets", price: "Starting from ₹1499", variant: "Curated gift hampers", imageSrc: "http://img.b2bpic.net/free-photo/rose-flowers-with-macaroons-cinnamon-container-white-cloth_23-2148161720.jpg", imageAlt: "Luxury flower gift baskets" },
|
||||
{ id: "fresh-flowers", name: "Fresh Flowers", price: "Starting from ₹499", variant: "Single stem & bunches", imageSrc: "http://img.b2bpic.net/free-photo/nature-green-wild-plant-concept_53876-31013.jpg", imageAlt: "Variety of fresh cut flowers" },
|
||||
{ id: "special-orders", name: "Special Orders", price: "Custom Pricing", variant: "Bespoke floral artistry", imageSrc: "http://img.b2bpic.net/free-photo/woman-making-beautiful-floral-bouquet_23-2148846519.jpg", imageAlt: "Custom floral jewelry and garlands" },
|
||||
{ id: "events", name: "Events", price: "Consultation Required", variant: "Grand occasion decor", imageSrc: "http://img.b2bpic.net/free-photo/elegant-wedding-ceremony-with-floral-decorations_23-2152010072.jpg", imageAlt: "Wedding and party floral arrangements" },
|
||||
{ id: "subscriptions", name: "Subscriptions", price: "Starting from ₹1999/month", variant: "Fresh blooms delivered", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-holding-furoshiki-package_23-2150642986.jpg", imageAlt: "Flower subscription box" }
|
||||
]}
|
||||
title="Our Floral Collections"
|
||||
description="Explore our curated selections, each crafted with passion and precision to bring beauty to every moment."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text", content: "Our Story: Where Passion Blooms"},
|
||||
{
|
||||
type: "text", content: "Karamvir's Flower Shop, born from a deep love for floristry, has blossomed into Agra's premier destination for exquisite floral designs. We handcraft every arrangement, believing that flowers are more than just gifts—they are expressions of emotion, artistry, and nature's unparalleled beauty. Our journey is rooted in quality, creativity, and a commitment to making every moment special for you."},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/crop-florist-with-ribbon_23-2147742932.jpg", alt: "Florist arranging a beautiful bouquet"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover Our Craft", href: "/about"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "Our Story: Where Passion Blooms" },
|
||||
{ type: "text", content: "Karamvir's Flower Shop, born from a deep love for floristry, has blossomed into Agra's premier destination for exquisite floral designs. We handcraft every arrangement, believing that flowers are more than just gifts—are expressions of emotion, artistry, and nature's unparalleled beauty. Our journey is rooted in quality, creativity, and a commitment to making every moment special for you." }
|
||||
]}
|
||||
buttons={[{ text: "Discover Our Craft", href: "/about" }]
|
||||
}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/crop-florist-with-ribbon_23-2147742932.jpg"
|
||||
imageAlt="Florist arranging a beautiful bouquet"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="Karamvir's Flower Shop consistently delivers breathtaking arrangements. Their dedication to freshness and unique designs makes every order a joy. Truly the best florist in Agra!"
|
||||
rating={5}
|
||||
author="Priya Sharma, Agra"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-carefree-man-has-toothy-smile-shows-perfect-white-teeth-looks-gladfully_273609-33584.jpg", alt: "Priya Sharma"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-happy-bearded-man-suit-laughing-smiling-standing-white-background_1258-155212.jpg", alt: "Rahul Gupta"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-blonde-girl-smiling-happy-walking-park_839833-17426.jpg", alt: "Anjali Singh"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-senior-woman_23-2149207172.jpg", alt: "Suresh Kumar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-holding-his-collar-shirt-jacket-pants-looking-handsome-front-view_176474-88959.jpg", alt: "Meena Devi"},
|
||||
]}
|
||||
ratingAnimation="opacity"
|
||||
avatarsAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="Karamvir's Flower Shop consistently delivers breathtaking arrangements. Their dedication to freshness and unique designs makes every order a joy. Truly the best florist in Agra!"
|
||||
rating={5}
|
||||
author="Priya Sharma, Agra"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-carefree-man-has-toothy-smile-shows-perfect-white-teeth-looks-gladfully_273609-33584.jpg", alt: "Priya Sharma" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-happy-bearded-man-suit-laughing-smiling-standing-white-background_1258-155212.jpg", alt: "Rahul Gupta" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-blonde-girl-smiling-happy-walking-park_839833-17426.jpg", alt: "Anjali Singh" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-senior-woman_23-2149207172.jpg", alt: "Suresh Kumar" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-man-holding-his-collar-shirt-jacket-pants-looking-handsome-front-view_176474-88959.jpg", alt: "Meena Devi" }
|
||||
]}
|
||||
ratingAnimation="opacity"
|
||||
avatarsAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="legal" data-section="legal">
|
||||
<LegalSection
|
||||
layout="default"
|
||||
title="Legal Information"
|
||||
sections={[
|
||||
{
|
||||
title: "Privacy Policy", content: "Your privacy is important to us. This policy explains how we collect, use, and protect your personal data."
|
||||
},
|
||||
{
|
||||
title: "Terms of Service", content: "By using our services, you agree to our terms and conditions. Please read them carefully."
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
{/* Removing LegalSection as it is not defined in the component registry and causes type errors. */}
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoSrc="http://img.b2bpic.net/free-vector/set-hand-drawn-botanical-elements-vector_53876-61965.jpg"
|
||||
logoAlt="Karamvir's Flower Shop Logo"
|
||||
logoText="Karamvir's Flower Shop"
|
||||
copyrightText="© 2024 Karamvir's Flower Shop. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: MapPin,
|
||||
href: "https://www.google.com/maps/place/Karamvir's+Flower+Shop", ariaLabel: "Location on Google Maps"},
|
||||
{
|
||||
icon: Phone,
|
||||
href: "tel:8979072122", ariaLabel: "Call Us"},
|
||||
{
|
||||
icon: Mail,
|
||||
href: "mailto:p8009427@gmail.com", ariaLabel: "Email Us"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoSrc="http://img.b2bpic.net/free-vector/set-hand-drawn-botanical-elements-vector_53876-61965.jpg"
|
||||
logoAlt="Karamvir's Flower Shop Logo"
|
||||
logoText="Karamvir's Flower Shop"
|
||||
copyrightText="© 2024 Karamvir's Flower Shop. All rights reserved."
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
|
||||
{ icon: MapPin, href: "https://www.google.com/maps/place/Karamvir's+Flower+Shop", ariaLabel: "Location on Google Maps" },
|
||||
{ icon: Phone, href: "tel:8979072122", ariaLabel: "Call Us" },
|
||||
{ icon: Mail, href: "mailto:p8009427@gmail.com", ariaLabel: "Email Us" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user