265 lines
14 KiB
TypeScript
265 lines
14 KiB
TypeScript
"use client"
|
|
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
|
|
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
|
import { Heart, Cake, Leaf, Gift, Sparkles, Star, HelpCircle } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="slide-background"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="aurora"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="inset-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{name: "Home", id: "hero"},
|
|
{name: "Products", id: "products"},
|
|
{name: "Shop", id: "/shop"},
|
|
{name: "About", id: "about"},
|
|
{name: "Testimonials", id: "testimonials"},
|
|
{name: "Contact", id: "contact"}
|
|
]}
|
|
brandName="Kvitok"
|
|
bottomLeftText="Fresh Flowers Daily"
|
|
bottomRightText="hello@kvitok.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboardSplit
|
|
logoText="KVITOK"
|
|
description="Discover the beauty of fresh, handcrafted floral arrangements. From elegant roses to vibrant sunflowers, we bring nature's finest blooms to your doorstep with care and passion."
|
|
background={{ variant: "radial-gradient" }}
|
|
buttons={[
|
|
{ text: "Shop Now", href: "/shop" },
|
|
{ text: "Learn More", href: "#about" }
|
|
]}
|
|
layoutOrder="default"
|
|
imageSrc="https://img.b2bpic.net/free-photo/lisianthus-bouquet-wooden-table_501050-281.jpg"
|
|
imageAlt="Beautiful floral arrangement with fresh flowers"
|
|
frameStyle="card"
|
|
logoLineHeight={1.2}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
title="Featured Collections"
|
|
description="Handpicked selections of our most beloved floral arrangements, perfect for any occasion"
|
|
tag="New Arrivals"
|
|
tagIcon={Sparkles}
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
products={[
|
|
{
|
|
id: "1", name: "Romantic Red Roses Bouquet", price: "$89.99", variant: "Premium Selection • 24 Stems", imageSrc: "https://img.b2bpic.net/free-photo/tender-pink-roses-put-bouquet_1304-5428.jpg", imageAlt: "Red roses bouquet"
|
|
},
|
|
{
|
|
id: "2", name: "Vibrant Tulip Garden", price: "$74.99", variant: "Spring Colors • Mixed Varieties", imageSrc: "https://img.b2bpic.net/free-photo/decoration-artificial-flower-table-filtered-image-processed_1232-3631.jpg", imageAlt: "Colorful tulips arrangement"
|
|
},
|
|
{
|
|
id: "3", name: "Sunshine Sunflower Mix", price: "$64.99", variant: "Cheerful Yellow • 12 Stems", imageSrc: "https://img.b2bpic.net/free-photo/exotic-rustic-bunch-flowers-mixed-colors_114579-1969.jpg", imageAlt: "Bright sunflowers bouquet"
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaSplitTabsAbout
|
|
title="Why Choose Kvitok"
|
|
description="Experience the Kvitok difference with every arrangement"
|
|
tabs={[
|
|
{
|
|
id: "quality", label: "Premium Quality", description: "Every flower is hand-selected from the finest growers and suppliers. We guarantee freshness and beauty in every arrangement, ensuring your flowers last longer and look stunning."
|
|
},
|
|
{
|
|
id: "expertise", label: "Expert Florists", description: "Our experienced team of professional florists creates custom arrangements tailored to your preferences. With years of expertise, we transform flowers into art."
|
|
},
|
|
{
|
|
id: "service", label: "Fast Delivery", description: "Same-day delivery available for orders placed before 2 PM. We ensure your flowers arrive fresh, beautifully arranged, and on time, every time."
|
|
}
|
|
]}
|
|
imageSrc="https://img.b2bpic.net/free-photo/decoration-artificial-flower-table-filtered-image-processed_1232-3629.jpg"
|
|
imageAlt="Expert florist arranging beautiful flowers"
|
|
imagePosition="right"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="feature" data-section="feature">
|
|
<FeatureHoverPattern
|
|
title="Special Collections"
|
|
description="Explore our curated collections designed for every moment and occasion"
|
|
tag="Collections"
|
|
tagIcon={Heart}
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
features={[
|
|
{
|
|
icon: Heart,
|
|
title: "Romance", description: "Express your love with our carefully curated romantic arrangements, perfect for anniversaries and special moments."
|
|
},
|
|
{
|
|
icon: Cake,
|
|
title: "Celebrations", description: "Brighten any celebration with vibrant, cheerful arrangements that complement your festive moments perfectly."
|
|
},
|
|
{
|
|
icon: Leaf,
|
|
title: "Sympathy", description: "Respectful and elegant arrangements to express your deepest condolences and support during difficult times."
|
|
},
|
|
{
|
|
icon: Gift,
|
|
title: "Gifts", description: "Unique floral gifts that convey your appreciation and gratitude to the special people in your life."
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="What Our Customers Say"
|
|
description="Join thousands of happy customers who trust Kvitok for their floral needs"
|
|
tag="Testimonials"
|
|
tagIcon={Star}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
animationType="slide-up"
|
|
speed={40}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Maria Johnson", handle: "@maria_loves_flowers", testimonial: "The bouquet was absolutely stunning! Fresh, beautifully arranged, and delivered right on time. Kvitok is my go-to for all my floral needs.", imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", imageAlt: "Maria Johnson"
|
|
},
|
|
{
|
|
id: "2", name: "David Chen", handle: "@davidchen_designs", testimonial: "Exceptional quality and attention to detail. Every flower is perfect, and the customer service is outstanding. Highly recommended!", imageSrc: "https://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg", imageAlt: "David Chen"
|
|
},
|
|
{
|
|
id: "3", name: "Sarah Williams", handle: "@sarah_gardens", testimonial: "I've ordered from Kvitok multiple times and they never disappoint. Fresh flowers, beautiful arrangements, and always on time. Best florist in town!", imageSrc: "https://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg", imageAlt: "Sarah Williams"
|
|
},
|
|
{
|
|
id: "4", name: "Michael Park", handle: "@mikeparkcreative", testimonial: "Amazing service and beautiful arrangements. My wife loved the flowers, and the presentation was absolutely gorgeous. Thank you, Kvitok!", imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg", imageAlt: "Michael Park"
|
|
},
|
|
{
|
|
id: "5", name: "Emma Rodriguez", handle: "@emmarodriguez", testimonial: "Outstanding quality and delivery. The flowers stayed fresh for over two weeks. Kvitok is worth every penny!", imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", imageAlt: "Emma Rodriguez"
|
|
},
|
|
{
|
|
id: "6", name: "James Watson", handle: "@jameswatson", testimonial: "Professional, courteous, and the flowers are always perfect. Kvitok is my trusted choice for corporate arrangements and gifts.", imageSrc: "https://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg", imageAlt: "James Watson"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our products and services"
|
|
tag="Help"
|
|
tagIcon={HelpCircle}
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
animationType="smooth"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How long do your flowers last?", content: "Our premium flowers typically last 7-14 days with proper care. We include care instructions with every arrangement. Fresh flowers are harvested daily to ensure maximum longevity."
|
|
},
|
|
{
|
|
id: "2", title: "Do you offer same-day delivery?", content: "Yes! Same-day delivery is available for orders placed before 2 PM in your area. We deliver fresh arrangements straight from our studio to ensure quality and freshness."
|
|
},
|
|
{
|
|
id: "3", title: "Can I customize my arrangement?", content: "Absolutely! We specialize in custom arrangements tailored to your preferences, budget, and occasion. Contact our florists directly for personalized service."
|
|
},
|
|
{
|
|
id: "4", title: "What payment methods do you accept?", content: "We accept all major credit cards, debit cards, and digital payment methods including PayPal and Apple Pay for your convenience."
|
|
},
|
|
{
|
|
id: "5", title: "Do you offer bulk orders for events?", content: "Yes, we specialize in corporate and event arrangements. Contact us for bulk orders and special pricing on weddings, corporate events, and large celebrations."
|
|
},
|
|
{
|
|
id: "6", title: "What's your return policy?", content: "We stand behind our quality. If you're not satisfied with your flowers, we offer a replacement or refund within 24 hours of delivery."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Get in Touch"
|
|
description="Have questions about our flowers or services? Reach out to our team. We're here to help and would love to hear from you."
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Your Name", required: true
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "Your Email", required: true
|
|
},
|
|
{
|
|
name: "phone", type: "tel", placeholder: "Phone Number", required: false
|
|
}
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Tell us about your floral needs or questions...", rows: 5,
|
|
required: true
|
|
}}
|
|
useInvertedBackground="noInvert"
|
|
imageSrc="https://img.b2bpic.net/free-photo/flat-lay-beautifully-bloomed-colorful-rose-flowers_23-2149005538.jpg"
|
|
imageAlt="Beautiful flower arrangement"
|
|
mediaPosition="right"
|
|
buttonText="Send Message"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="https://img.b2bpic.net/free-photo/flower-cake_74190-4879.jpg"
|
|
imageAlt="Beautiful flower field"
|
|
columns={[
|
|
{
|
|
title: "Shop", items: [
|
|
{ label: "All Arrangements", href: "/shop" },
|
|
{ label: "Collections", href: "#feature" },
|
|
{ label: "Custom Orders", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Contact Us", href: "#contact" },
|
|
{ label: "Testimonials", href: "#testimonials" }
|
|
]
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "FAQ", href: "#faq" },
|
|
{ label: "Delivery Info", href: "#faq" },
|
|
{ label: "Care Guide", href: "#faq" }
|
|
]
|
|
}
|
|
]}
|
|
logoText="KVITOK"
|
|
copyrightText="© 2025 Kvitok Flowers. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|