224 lines
11 KiB
TypeScript
224 lines
11 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import { Sparkles, Heart } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="sharp"
|
|
contentWidth="small"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="plain"
|
|
cardStyle="elevated"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Brocoli"
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Arrangements", id: "products" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Book Now", href: "contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
title="Elevate Your Moments with Premium Florals"
|
|
description="Brocoli creates stunning floral arrangements for weddings, events, and everyday celebrations. Each bouquet is crafted with passion and precision using the finest flowers."
|
|
tag="Premium Flowers"
|
|
tagIcon={Sparkles}
|
|
imageSrc="https://img.b2bpic.net/free-photo/assorted-flower-arrangement-vase_209848-94.jpg"
|
|
imageAlt="Beautiful floral arrangement by Brocoli"
|
|
imagePosition="right"
|
|
buttons={[
|
|
{ text: "Shop Collections", href: "products" },
|
|
{ text: "Learn More", href: "about" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="Crafting Beauty Since Day One"
|
|
description="At Brocoli, we believe every flower tells a story. Our studio combines traditional florist expertise with contemporary design, creating arrangements that capture emotion and elegance. We source the freshest blooms and deliver them with care."
|
|
tag="Our Story"
|
|
imageSrc="https://img.b2bpic.net/free-photo/front-view-woman-working-with-flowers_23-2149591622.jpg"
|
|
imageAlt="Brocoli flowers studio interior"
|
|
useInvertedBackground="noInvert"
|
|
buttons={[
|
|
{ text: "Explore Our Work", href: "products" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
title="Signature Collections"
|
|
description="Discover our curated selection of premium floral arrangements, each designed with meticulous attention to detail."
|
|
tag="Featured"
|
|
products={[
|
|
{
|
|
id: "1", brand: "Brocoli Studio", name: "Romantic Rose Collection", price: "$85.00", rating: 5,
|
|
reviewCount: "128", imageSrc: "https://img.b2bpic.net/free-photo/floral-decor-woman-holding-bouquet-anthurium_140725-10842.jpg", imageAlt: "Romantic red rose bouquet"
|
|
},
|
|
{
|
|
id: "2", brand: "Brocoli Studio", name: "Sunshine Sunflowers", price: "$65.00", rating: 5,
|
|
reviewCount: "95", imageSrc: "https://img.b2bpic.net/free-photo/valentines-day-womens-mothers-day-red-rose-with-ribbon-heart-gift-surprise_114579-449.jpg", imageAlt: "Bright sunflower arrangement"
|
|
},
|
|
{
|
|
id: "3", brand: "Brocoli Studio", name: "Garden Mix Delight", price: "$75.00", rating: 5,
|
|
reviewCount: "142", imageSrc: "https://img.b2bpic.net/free-photo/valentines-day-womens-mothers-day-red-rose-gift-surprise-dark_114579-445.jpg", imageAlt: "Colorful mixed flower bouquet"
|
|
},
|
|
{
|
|
id: "4", brand: "Brocoli Studio", name: "Elegant White Harmony", price: "$95.00", rating: 5,
|
|
reviewCount: "87", imageSrc: "https://img.b2bpic.net/free-photo/valentines-day-womens-mothers-day-red-rose-with-ribbon-gift-surprise_114579-427.jpg", imageAlt: "Elegant white and cream arrangement"
|
|
}
|
|
]}
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
buttons={[
|
|
{ text: "View All Collections", href: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardNine
|
|
title="Why Choose Brocoli"
|
|
description="Experience the difference of premium floral craftsmanship with our commitment to quality, freshness, and design excellence."
|
|
tag="Our Expertise"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
showStepNumbers={true}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Freshest Blooms Daily", description: "We source premium flowers from local and international growers, ensuring maximum freshness and longevity for every arrangement.", phoneOne: {
|
|
imageSrc: "https://img.b2bpic.net/free-photo/floral-decor-woman-holding-bouquet-anthurium_140725-10842.jpg"
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "https://img.b2bpic.net/free-photo/valentines-day-womens-mothers-day-red-rose-with-ribbon-heart-gift-surprise_114579-449.jpg"
|
|
}
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Artisan Design & Craftsmanship", description: "Each arrangement is hand-crafted by our experienced florists using proven techniques and creative vision to bring your vision to life.", phoneOne: {
|
|
imageSrc: "https://img.b2bpic.net/free-photo/valentines-day-womens-mothers-day-red-rose-gift-surprise-dark_114579-445.jpg"
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "https://img.b2bpic.net/free-photo/valentines-day-womens-mothers-day-red-rose-with-ribbon-gift-surprise_114579-427.jpg"
|
|
}
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Same-Day Delivery Available", description: "Need flowers urgently? We offer same-day delivery service within our area for last-minute celebrations and special moments.", phoneOne: {
|
|
imageSrc: "https://img.b2bpic.net/free-photo/assorted-flower-arrangement-vase_209848-94.jpg"
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "https://img.b2bpic.net/free-photo/front-view-woman-working-with-flowers_23-2149591622.jpg"
|
|
}
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
testimonial="Brocoli flowers made my wedding day absolutely magical. The arrangements were stunning, fresh, and perfectly captured our vision. The team's attention to detail was exceptional, and the delivery was punctual. Highly recommended!"
|
|
rating={5}
|
|
author="Sarah Mitchell, Bride"
|
|
avatars={[
|
|
{
|
|
src: "https://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", alt: "Sarah Mitchell"
|
|
},
|
|
{
|
|
src: "https://img.b2bpic.net/free-photo/brunette-smiling-female-sits-outdoor-cafeteria-has-broad-smile-has-good-rest-has-satisfied-expression-rests-tropical-resort-country-cute-young-woman-rests-terrace-cafe-positiveness_273609-3010.jpg", alt: "James Chen"
|
|
},
|
|
{
|
|
src: "https://img.b2bpic.net/free-photo/front-view-woman-looking-camera-office_23-2148218515.jpg", alt: "Emma Rodriguez"
|
|
},
|
|
{
|
|
src: "https://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg", alt: "David Johnson"
|
|
}
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Get In Touch"
|
|
title="Ready to Brighten Your Day?"
|
|
description="Contact us to place your order, inquire about custom arrangements, or book our services for your special event. Our team is ready to help bring your floral dreams to life."
|
|
tagIcon={Heart}
|
|
inputPlaceholder="Enter your email address"
|
|
buttonText="Get Started"
|
|
termsText="By signing up, you agree to receive updates about our latest collections and special offers."
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Explore", items: [
|
|
{ label: "Home", href: "#home" },
|
|
{ label: "Arrangements", href: "#products" },
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Contact", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Wedding Flowers", href: "#" },
|
|
{ label: "Event Arrangements", href: "#" },
|
|
{ label: "Same-Day Delivery", href: "#" },
|
|
{ label: "Custom Orders", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "FAQ", href: "#" },
|
|
{ label: "Shipping Info", href: "#" },
|
|
{ label: "Returns", href: "#" },
|
|
{ label: "Contact Us", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookies", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
bottomLeftText="© 2025 Brocoli Flowers Studio. All rights reserved."
|
|
bottomRightText="Crafted with passion and fresh blooms"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |