256 lines
15 KiB
TypeScript
256 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import { Flower, Box, Sparkles, Gift, Instagram, Facebook } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="mediumLarge"
|
|
background="floatingGradient"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Fresh Blossoms"
|
|
navItems={[
|
|
{ name: "Home", id: "#home" },
|
|
{ name: "About", id: "#about" },
|
|
{ name: "Services", id: "#services" },
|
|
{ name: "Shop", id: "#shop" },
|
|
{ name: "Testimonials", id: "#testimonials" },
|
|
{ name: "FAQ", id: "#faq" },
|
|
{ name: "Contact", id: "#contact" }
|
|
]}
|
|
logoSrc="http://img.b2bpic.net/free-vector/minimalist-wedding-monograms-pack-pastel-colors_23-2148373484.jpg"
|
|
logoAlt="Fresh Blossoms Logo"
|
|
button={{ text: "Order Now", href: "#shop" }}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
<div id="home" data-section="home">
|
|
<HeroOverlay
|
|
title="Fresh Blossoms: Crafting Moments with Luxury Florals"
|
|
description="Experience the art of floral design with our exquisite custom arrangements, elegant bouquets, and bespoke decorations for every special occasion. Elevate your celebrations with Fresh Blossoms."
|
|
tag="Luxury Florist"
|
|
tagIcon={Flower}
|
|
buttons={[
|
|
{ text: "Explore Collections", href: "#shop" },
|
|
{ text: "Wedding Consult", href: "#contact" }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/dried-flowers-wooden-box-photo-frame-envelope-wooden-background-top-view_185193-163422.jpg"
|
|
imageAlt="Stunning floral box arrangement with premium roses and orchids, elegant pastel pink and cream color palette."
|
|
showBlur={true}
|
|
textPosition="bottom"
|
|
tagAnimation="slide-up"
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="Our Passion for Petals and Perfection"
|
|
description="At Fresh Blossoms, we believe every flower tells a story. Our master florists meticulously select the freshest blooms to create breathtaking designs that capture your vision and exceed expectations. Discover the artistry behind every arrangement."
|
|
tag="About Us"
|
|
imageSrc="http://img.b2bpic.net/free-photo/florist-makes-beautiful-bouquet-studio_1157-28403.jpg"
|
|
imageAlt="Female florist meticulously arranging flowers in a modern, elegant flower shop interior with natural lighting."
|
|
useInvertedBackground={true}
|
|
tagAnimation="slide-up"
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
<div id="services" data-section="services">
|
|
<FeatureBento
|
|
title="Our Signature Creations & Services"
|
|
description="From custom floral boxes to grand wedding decorations, Fresh Blossoms offers a range of bespoke services tailored to your unique needs. We transform moments into memories with unparalleled floral artistry."
|
|
tag="What We Offer"
|
|
features={[
|
|
{
|
|
title: "Exquisite Floral Boxes", description: "Hand-curated selections of premium roses, lilies, and orchids in luxury packaging, perfect for any occasion.", bentoComponent: "reveal-icon", icon: Box
|
|
},
|
|
{
|
|
title: "Elegant Bouquet Arrangements", description: "Artfully designed bouquets featuring seasonal blooms, from classic roses to exotic tulips, crafted for maximum impact.", bentoComponent: "reveal-icon", icon: Sparkles
|
|
},
|
|
{
|
|
title: "Dream Wedding Decorations", description: "Bespoke floral designs that bring your wedding vision to life, from stunning centerpieces to breathtaking arches.", bentoComponent: "media-stack", items: [
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/pink-white-chrysanthemums-hang-threads-from-ceiling_1304-3324.jpg", imageAlt: "Elegant wedding floral decorations with white roses and green foliage." },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-furoshiki-package_23-2150643007.jpg", imageAlt: "Luxury floral box with fresh roses, a perfect birthday gift." },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/minimal-floral-arrangement-red-surface_58702-17257.jpg", imageAlt: "Modern acrylic flower box with premium roses inside." }
|
|
]
|
|
},
|
|
{
|
|
title: "Celebratory Birthday Gifts", description: "Thoughtful and vibrant floral arrangements and gift baskets designed to make birthdays unforgettable.", bentoComponent: "reveal-icon", icon: Gift
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
tagAnimation="slide-up"
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
<div id="shop" data-section="shop">
|
|
<ProductCardTwo
|
|
title="Our Latest Floral Collections"
|
|
description="Discover our curated selection of luxury floral boxes, elegant bouquets, and bespoke arrangements. Each piece is crafted with the freshest blooms and an eye for sophisticated design."
|
|
tag="Shop Florals"
|
|
products={[
|
|
{
|
|
id: "p-1", brand: "Fresh Blossoms", name: "Elegance Bouquet", price: "$120", rating: 5,
|
|
reviewCount: "50", imageSrc: "http://img.b2bpic.net/free-photo/bouquet-blooms-vase-table_23-2148029219.jpg", imageAlt: "Elegant mixed bouquet with pastel roses and lilies"
|
|
},
|
|
{
|
|
id: "p-2", brand: "Fresh Blossoms", name: "Blush Rose Box", price: "$150", rating: 5,
|
|
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/boxes-with-rings-lie-flowers-table_8353-7349.jpg", imageAlt: "Custom floral box arrangement with blush pink roses"
|
|
},
|
|
{
|
|
id: "p-3", brand: "Fresh Blossoms", name: "Wedding Table Decor", price: "$280", rating: 5,
|
|
reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/wedding-still-life-with-flowers_23-2147975968.jpg", imageAlt: "Wedding table centerpiece with luxury floral design"
|
|
},
|
|
{
|
|
id: "p-4", brand: "Fresh Blossoms", name: "Graceful Orchid Pot", price: "$95", rating: 5,
|
|
reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/minimal-floral-arrangement-red-surface_58702-17266.jpg", imageAlt: "Exotic orchid arrangement in a luxury pot"
|
|
},
|
|
{
|
|
id: "p-5", brand: "Fresh Blossoms", name: "Spring Meadow Mix", price: "$110", rating: 5,
|
|
reviewCount: "38", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-lgtbiq-plus-portraits_23-2149165923.jpg", imageAlt: "Spring floral bouquet with pastel tulips and ranunculus"
|
|
},
|
|
{
|
|
id: "p-6", brand: "Fresh Blossoms", name: "Lavender Dream Box", price: "$140", rating: 5,
|
|
reviewCount: "28", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-beautiful-cake-with-flower-decorations_181624-46798.jpg", imageAlt: "Lavender themed floral box arrangement"
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
tagAnimation="slide-up"
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Leading Brands & Events"
|
|
description="Our exquisite floral designs have graced high-profile events and partnered with luxury brands, earning us a reputation for unparalleled quality and sophisticated style."
|
|
tag="Our Partners"
|
|
names={[]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
tagAnimation="slide-up"
|
|
buttonAnimation="slide-up"
|
|
logos={[
|
|
{ src: "http://img.b2bpic.net/free-photo/wedding-invitation-flowers-arrangement_23-2150279541.jpg", alt: "Luxury Wedding Magazine" },
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9hih50", alt: "Boutique Hotel Group" },
|
|
{ src: "http://img.b2bpic.net/free-photo/ornaments-arrangement-flat-lay_23-2148926229.jpg", alt: "Elite Event Planners" },
|
|
{ src: "http://img.b2bpic.net/free-photo/fashion-designer-s-studio-with-essential-elements_23-2150414734.jpg", alt: "High-End Fashion Brand" },
|
|
{ src: "http://img.b2bpic.net/free-photo/grilled-lobster-tail-with-herbs-strawberries-black-plate_84443-94406.jpg", alt: "Gourmet Catering Service" },
|
|
{ src: "http://img.b2bpic.net/free-photo/lady-black-dress-holds-red-velvet-boxes-with-jewels_8353-1765.jpg", alt: "Luxury Jewelry Boutique" },
|
|
{ src: "http://img.b2bpic.net/free-photo/composition-fathers-day_23-2148101889.jpg", alt: "Premium Gift Company" }
|
|
]}
|
|
/>
|
|
</div>
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
testimonial={
|
|
`"Fresh Blossoms transformed our wedding venue into a fairytale. The arrangements were beyond stunning, and their team was an absolute dream to work with! Truly a premium experience."`
|
|
}
|
|
rating={5}
|
|
author="Sarah M."
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/sensual-blond-female-dressed-purple-jacket-isolated-dark-grey-background_613910-141.jpg", alt: "Sarah M."
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081855.jpg", alt: "David C."
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/stressed-young-caucasian-woman-showing-empty-hands-shouting-out-loudly-with-closed-eyes-isolated-blue-background_141793-134642.jpg", alt: "Emily R."
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/corporate-young-woman-posing-office_23-2148452662.jpg", alt: "Michael J."
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/front-view-woman-working-as-interior-designer_23-2150346464.jpg", alt: "Olivia B."
|
|
}
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Have questions about our services, ordering, or custom designs? Find quick answers here or reach out to our team for personalized assistance."
|
|
tag="Support"
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "How far in advance should I order for a wedding?", content: "For wedding floral arrangements, we recommend booking at least 6-12 months in advance to ensure availability and allow ample time for personalized consultations and planning."
|
|
},
|
|
{
|
|
id: "q2", title: "Do you offer custom floral designs?", content: "Absolutely! We specialize in custom floral designs tailored to your specific preferences, occasion, and aesthetic. Schedule a consultation to discuss your unique vision with our expert florists."
|
|
},
|
|
{
|
|
id: "q3", title: "What is your delivery policy?", content: "We offer premium local delivery services within a specified radius. Delivery fees vary based on location and urgency. Please see our delivery page for detailed information or contact us directly."
|
|
},
|
|
{
|
|
id: "q4", title: "Can I request specific flower types or colors?", content: "Yes, we strive to accommodate specific requests whenever possible, depending on seasonal availability. Please specify your desired flowers and colors during your order or consultation."
|
|
}
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-women-working-as-wedding-planners_23-2150328533.jpg"
|
|
imageAlt="Female florist working on a flower arrangement at a counter, with a laptop nearby."
|
|
mediaAnimation="slide-up"
|
|
faqsAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
tagAnimation="slide-up"
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Connect With Us"
|
|
title="Ready to Elevate Your Floral Experience?"
|
|
description="Whether you're planning a grand event or sending a heartfelt gift, our team is here to bring your floral dreams to life. Reach out today for a consultation or inquiry."
|
|
buttons={[
|
|
{ text: "Get in Touch", href: "mailto:info@freshblossoms.com" },
|
|
{ text: "Book a Consultation", href: "#" }
|
|
]}
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={true}
|
|
tagAnimation="slide-up"
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Fresh Blossoms"
|
|
logoSrc="http://img.b2bpic.net/free-vector/minimalist-wedding-monograms-pack-pastel-colors_23-2148373484.jpg"
|
|
logoAlt="Fresh Blossoms Logo"
|
|
copyrightText="© 2024 Fresh Blossoms. All rights reserved."
|
|
socialLinks={[
|
|
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
|
{ icon: Facebook, href: "#", ariaLabel: "Facebook" }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|