280 lines
15 KiB
TypeScript
280 lines
15 KiB
TypeScript
"use client"
|
|
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import { Sparkles, Heart, Mail } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="sharp"
|
|
contentWidth="small"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Zayia"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Products", id: "products" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "FAQ", id: "faq" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Order Now", href: "products"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCentered
|
|
title="Exquisite Flowers for Every Moment"
|
|
description="Discover our stunning collection of fresh, premium flowers arranged with care. From romantic roses to vibrant sunflowers, we deliver beauty directly to your door."
|
|
background={{ variant: "radial-gradient" }}
|
|
avatars={[
|
|
{ src: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "Happy customer 1" },
|
|
{ src: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg", alt: "Happy customer 2" },
|
|
{ src: "https://img.b2bpic.net/free-photo/portrait-pretty-smiling-woman-posing-white-background_231208-1813.jpg", alt: "Happy customer 3" }
|
|
]}
|
|
avatarText="Trusted by 500+ happy customers"
|
|
buttons={[
|
|
{ text: "Shop Now", href: "products" },
|
|
{ text: "Learn More", href: "about" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
title="Featured Collection"
|
|
description="Handpicked arrangements crafted by our expert florists. Each bouquet is designed to bring elegance and joy."
|
|
tag="Premium Selection"
|
|
tagIcon={Sparkles}
|
|
products={[
|
|
{
|
|
id: "1", name: "Romantic Red Roses", price: "$79.99", imageSrc: "https://img.b2bpic.net/free-photo/floral-decor-woman-holding-bouquet-anthurium_140725-10842.jpg", imageAlt: "Beautiful red rose bouquet"
|
|
},
|
|
{
|
|
id: "2", name: "Sunny Sunflower Delight", price: "$64.99", imageSrc: "https://img.b2bpic.net/free-photo/valentines-day-womens-mothers-day-red-rose-gift-surprise-dark_114579-445.jpg", imageAlt: "Bright yellow sunflower arrangement"
|
|
},
|
|
{
|
|
id: "3", name: "Colorful Tulip Mix", price: "$74.99", imageSrc: "https://img.b2bpic.net/free-photo/valentines-day-womens-mothers-day-red-rose-gift-surprise-dark_114579-446.jpg", imageAlt: "Mixed colorful tulips"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
useInvertedBackground="invertDefault"
|
|
buttons={[
|
|
{ text: "View All Products", href: "#" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
title="About Zayia"
|
|
description={[
|
|
"Welcome to Zayia Flowers, where passion meets craftsmanship. Since 2010, we've been creating stunning floral arrangements that celebrate life's most beautiful moments.", "Our team of expert florists hand-selects every bloom to ensure freshness and quality. We believe flowers have the power to express emotions words cannot capture. That's why we're committed to delivering not just flowers, but heartfelt expressions of love, gratitude, and joy.", "Whether it's a special occasion or just because, Zayia is your trusted partner in making moments memorable."
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
showBorder={true}
|
|
buttons={[
|
|
{ text: "Our Story", href: "#" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyOne
|
|
title="Why Choose Zayia"
|
|
description="Experience floral excellence with our commitment to quality, freshness, and exceptional service."
|
|
tag="Our Promise"
|
|
tagIcon={Heart}
|
|
imageSrc="https://img.b2bpic.net/free-photo/bunch-fresh-flowers-glass-desk_23-2147929233.jpg"
|
|
imageAlt="Professional florist arrangement workspace"
|
|
mediaPosition="right"
|
|
useInvertedBackground="invertDefault"
|
|
accordionItems={[
|
|
{
|
|
id: "1", title: "Premium Fresh Flowers", content: "We source the finest flowers from trusted growers worldwide. Every bouquet is crafted with care and delivered fresh to ensure maximum longevity and beauty."
|
|
},
|
|
{
|
|
id: "2", title: "Expert Florist Design", content: "Our master florists bring years of experience to every arrangement. Each piece is a unique work of art, thoughtfully designed to match your vision and occasion."
|
|
},
|
|
{
|
|
id: "3", title: "Fast & Reliable Delivery", content: "We offer same-day delivery in your area. Your flowers are carefully packaged and delivered with the utmost care to ensure they arrive in perfect condition."
|
|
},
|
|
{
|
|
id: "4", title: "Satisfaction Guaranteed", content: "If you're not completely satisfied, we'll make it right. Your happiness is our priority, and we stand behind every arrangement we create."
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "Contact Us", href: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
testimonial="Zayia transformed my proposal moment with the most beautiful rose arrangement. The flowers were stunning and arrived exactly on time. I couldn't ask for better service!"
|
|
rating={5}
|
|
author="Michael Chen, Engagement Planner"
|
|
avatars={[
|
|
{ src: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "Customer 1" },
|
|
{ src: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg", alt: "Customer 2" },
|
|
{ src: "https://img.b2bpic.net/free-photo/portrait-pretty-smiling-woman-posing-white-background_231208-1813.jpg", alt: "Customer 3" },
|
|
{ src: "https://img.b2bpic.net/free-photo/cheerful-young-businesswoman-smiling-camera_74855-4022.jpg", alt: "Customer 4" },
|
|
{ src: "https://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg", alt: "Customer 5" },
|
|
{ src: "https://img.b2bpic.net/free-photo/portrait-business-woman-smiling_23-2148352574.jpg", alt: "Customer 6" }
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardThree
|
|
title="Transparent Pricing"
|
|
description="Flexible options for every budget. All arrangements include free greeting card and premium packaging."
|
|
tag="Pricing"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="invertDefault"
|
|
plans={[
|
|
{
|
|
id: "essential", price: "$49.99", name: "Essential Arrangement", buttons: [
|
|
{ text: "Choose Plan", href: "#" },
|
|
{ text: "Learn More", href: "#" }
|
|
],
|
|
features: [
|
|
"6-8 stems of fresh flowers", "Standard vase included", "Free greeting card", "Local delivery available", "3-day freshness guarantee"
|
|
]
|
|
},
|
|
{
|
|
id: "premium", badge: "Most Popular", badgeIcon: Sparkles,
|
|
price: "$79.99", name: "Premium Bouquet", buttons: [
|
|
{ text: "Choose Plan", href: "#" },
|
|
{ text: "Learn More", href: "#" }
|
|
],
|
|
features: [
|
|
"12-15 stems of premium flowers", "Designer vase included", "Personalized arrangement", "Same-day delivery available", "5-day freshness guarantee", "Free flower food"
|
|
]
|
|
},
|
|
{
|
|
id: "luxury", price: "$149.99", name: "Luxury Collection", buttons: [
|
|
{ text: "Choose Plan", href: "#" },
|
|
{ text: "Learn More", href: "#" }
|
|
],
|
|
features: [
|
|
"20+ premium imported stems", "Exclusive crystal vase", "Custom designer arrangement", "Priority same-day delivery", "7-day freshness guarantee", "Premium flower food & care guide", "Complimentary consultation"
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
sideTitle="Frequently Asked Questions"
|
|
sideDescription="Find answers to common questions about our flowers, delivery, and services."
|
|
textPosition="left"
|
|
useInvertedBackground="noInvert"
|
|
animationType="smooth"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How long will my flowers last?", content: "With proper care, most arrangements last 7-10 days. We include care instructions with every delivery. Keep flowers in fresh water, trim stems daily, and place in a cool location away from direct sunlight."
|
|
},
|
|
{
|
|
id: "2", title: "Do you offer same-day delivery?", content: "Yes! We offer same-day delivery for orders placed before 12 PM in your area. Simply select same-day delivery at checkout, and we'll ensure your flowers arrive fresh and beautiful the same day."
|
|
},
|
|
{
|
|
id: "3", title: "Can I customize my arrangement?", content: "Absolutely! We offer custom arrangements for all budgets. Contact our design team with your preferences, occasion, and color scheme, and we'll create a unique bouquet just for you."
|
|
},
|
|
{
|
|
id: "4", title: "What if I'm not happy with my order?", content: "We guarantee satisfaction! If you're unhappy with your arrangement for any reason, contact us within 24 hours and we'll remake it or refund your purchase. Your happiness is our priority."
|
|
},
|
|
{
|
|
id: "5", title: "How do you ensure flower freshness?", content: "We source flowers daily from premium suppliers. All arrangements are created fresh on the day of delivery using only the highest quality blooms. We use professional-grade floral food and conditioning techniques."
|
|
},
|
|
{
|
|
id: "6", title: "Do you deliver outside the city?", content: "We currently deliver within 25 miles of our location. For orders outside our area, we partner with trusted florists nationwide to ensure timely and beautiful delivery."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Get in Touch"
|
|
tagIcon={Mail}
|
|
title="Ready to Send Beautiful Flowers?"
|
|
description="Contact our team today to place an order, discuss custom arrangements, or any questions about our services. We're here to help make your moments special."
|
|
background={{ variant: "downward-rays-static" }}
|
|
useInvertedBackground="invertDefault"
|
|
buttons={[
|
|
{ text: "Contact Us", href: "#" },
|
|
{ text: "Shop Now", href: "products" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Shop", items: [
|
|
{ label: "All Flowers", href: "#" },
|
|
{ label: "Seasonal", href: "#" },
|
|
{ label: "Custom Orders", href: "#" },
|
|
{ label: "Gift Cards", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "About", items: [
|
|
{ label: "Our Story", href: "#" },
|
|
{ label: "Our Team", href: "#" },
|
|
{ label: "Sustainability", href: "#" },
|
|
{ label: "Blog", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "Contact Us", href: "#" },
|
|
{ label: "Delivery Info", href: "#" },
|
|
{ label: "FAQ", href: "faq" },
|
|
{ label: "Flower Care", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Return Policy", href: "#" },
|
|
{ label: "Contact", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
bottomLeftText="© 2025 Zayia Flowers. All rights reserved."
|
|
bottomRightText="Crafted with care and passion for beautiful moments."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |