447 lines
17 KiB
TypeScript
447 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import { Box, Facebook, Gift, Image, Instagram, Leaf, Sparkles } 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"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
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"
|
|
brandName="Fresh Blossoms"
|
|
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={Leaf}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "Explore Collections",
|
|
href: "#shop",
|
|
},
|
|
{
|
|
text: "Wedding Consult",
|
|
href: "#contact",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/dried-flowers-wooden-box-photo-frame-envelope-wooden-background-top-view_185193-163422.jpg?_wi=1"
|
|
imageAlt="Stunning floral box arrangement with premium roses and orchids, elegant pastel pink and cream color palette."
|
|
showBlur={true}
|
|
textPosition="bottom"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/side-view-beautiful-woman-with-folded-arms-looking-camera_23-2147876783.jpg",
|
|
alt: "Happy female client smiling",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/aged-middle-expression-calling-business_1262-2838.jpg",
|
|
alt: "Confident female client winking",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg",
|
|
alt: "Elegant businesswoman client",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/business-woman-sitting-couch-smiling_23-2148095698.jpg",
|
|
alt: "Joyful female client posing",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5358.jpg",
|
|
alt: "Professional female client with papers",
|
|
},
|
|
]}
|
|
avatarText="Trusted by over 500 happy clients"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={true}
|
|
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"
|
|
tagAnimation="slide-up"
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/florist-makes-beautiful-bouquet-studio_1157-28403.jpg?_wi=1"
|
|
imageAlt="Female florist meticulously arranging flowers in a modern, elegant flower shop interior with natural lighting."
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureBento
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
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,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pink-white-chrysanthemums-hang-threads-from-ceiling_1304-3324.jpg",
|
|
imageAlt: "wedding floral decorations elegant white roses arch",
|
|
},
|
|
{
|
|
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,
|
|
imageSrc: "http://img.b2bpic.net/free-vector/minimalist-wedding-monograms-pack-pastel-colors_23-2148373484.jpg",
|
|
imageAlt: "wedding floral decorations elegant white roses arch",
|
|
},
|
|
{
|
|
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/dried-flowers-wooden-box-photo-frame-envelope-wooden-background-top-view_185193-163422.jpg?_wi=2",
|
|
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.",
|
|
},
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/florist-makes-beautiful-bouquet-studio_1157-28403.jpg?_wi=2",
|
|
imageAlt: "wedding floral decorations elegant white roses arch",
|
|
},
|
|
{
|
|
title: "Celebratory Birthday Gifts",
|
|
description: "Thoughtful and vibrant floral arrangements and gift baskets designed to make birthdays unforgettable.",
|
|
bentoComponent: "reveal-icon",
|
|
icon: Gift,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/bouquet-blooms-vase-table_23-2148029219.jpg?_wi=1",
|
|
imageAlt: "wedding floral decorations elegant white roses arch",
|
|
},
|
|
]}
|
|
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"
|
|
tagAnimation="slide-up"
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="shop" data-section="shop">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={true}
|
|
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?_wi=2",
|
|
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",
|
|
},
|
|
]}
|
|
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"
|
|
tagAnimation="slide-up"
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Luxury Weddings Magazine",
|
|
"Grand Event Planners",
|
|
"Opulent Hotel Collection",
|
|
"Haute Couture Fashion Week",
|
|
"Gourmet Dining Experiences",
|
|
"Precious Gems & Jewelry",
|
|
"Exclusive Gift Services",
|
|
]}
|
|
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"
|
|
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
|
|
useInvertedBackground={true}
|
|
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"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
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"
|
|
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"
|
|
tagAnimation="slide-up"
|
|
buttonAnimation="slide-up"
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "radial-gradient",
|
|
}}
|
|
tag="Connect With Us"
|
|
tagAnimation="slide-up"
|
|
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: "#",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoSrc="http://img.b2bpic.net/free-vector/minimalist-wedding-monograms-pack-pastel-colors_23-2148373484.jpg"
|
|
logoAlt="Fresh Blossoms Logo"
|
|
logoText="Fresh Blossoms"
|
|
copyrightText="© 2024 Fresh Blossoms. All rights reserved."
|
|
socialLinks={[
|
|
{
|
|
icon: Instagram,
|
|
href: "#",
|
|
ariaLabel: "Instagram",
|
|
},
|
|
{
|
|
icon: Facebook,
|
|
href: "#",
|
|
ariaLabel: "Facebook",
|
|
},
|
|
{
|
|
icon: Image,
|
|
href: "#",
|
|
ariaLabel: "Pinterest",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|