258 lines
16 KiB
TypeScript
258 lines
16 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import { Award, Flower2, HelpCircle, Heart, Mail, Palette, Sparkles, Star, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLarge"
|
|
background="radialGradient"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Tu kvitka"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Products", id: "products" },
|
|
{ name: "Why Us", id: "features" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "FAQ", id: "faq" }
|
|
]}
|
|
button={{
|
|
text: "Order Now", href: "#contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboardSplit
|
|
logoText="Tu kvitka"
|
|
description="Discover the freshest, most beautiful flower arrangements crafted with love. Perfect for every occasion—birthdays, weddings, anniversaries, and more."
|
|
buttons={[
|
|
{ text: "Shop Now", href: "#products" },
|
|
{ text: "Learn More", href: "#about" }
|
|
]}
|
|
layoutOrder="default"
|
|
imageSrc="https://img.b2bpic.net/free-photo/still-life-with-bouquet-blue-pink-wildflowers-vase_169016-58261.jpg"
|
|
imageAlt="Beautiful fresh flower arrangement"
|
|
frameStyle="card"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
tag="Our Story"
|
|
title="Passion for Flowers, Dedication to Quality"
|
|
description="Tu kvitka was founded with a simple mission: to deliver the freshest, most beautiful flowers to our community. Every arrangement is handcrafted by our experienced florists using only the finest blooms, sourced from local growers and premium suppliers worldwide."
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
imagePosition="right"
|
|
bulletPoints={[
|
|
{
|
|
title: "Premium Quality", description: "Hand-selected flowers delivered fresh to ensure lasting beauty", icon: Sparkles
|
|
},
|
|
{
|
|
title: "Custom Designs", description: "Bespoke arrangements tailored to your exact preferences", icon: Palette
|
|
},
|
|
{
|
|
title: "Fast Delivery", description: "Same-day delivery available for orders placed before noon", icon: Zap
|
|
},
|
|
{
|
|
title: "Expert Florists", description: "Team of experienced professionals with passion for floral design", icon: Award
|
|
}
|
|
]}
|
|
imageSrc="https://img.b2bpic.net/free-photo/flowers-from-home-garden-vase-white-background_169016-36747.jpg"
|
|
imageAlt="Tu kvitka flower shop interior"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
title="Our Signature Collections"
|
|
description="Explore our curated selection of premium flower arrangements, perfect for every moment and celebration."
|
|
tag="Featured"
|
|
tagIcon={Flower2}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
products={[
|
|
{
|
|
id: "1", brand: "Tu kvitka", name: "Red Rose Romance", price: "$45.00", rating: 5,
|
|
reviewCount: "127", imageSrc: "https://img.b2bpic.net/free-photo/woman-holding-bouquet-yellow-orange-dahliason-light-background_169016-39443.jpg", imageAlt: "Beautiful red roses bouquet"
|
|
},
|
|
{
|
|
id: "2", brand: "Tu kvitka", name: "Rainbow Tulip Bundle", price: "$52.00", rating: 5,
|
|
reviewCount: "94", imageSrc: "https://img.b2bpic.net/free-photo/lisianthus-bouquet-wooden-table_501050-300.jpg", imageAlt: "Colorful tulips arrangement"
|
|
},
|
|
{
|
|
id: "3", brand: "Tu kvitka", name: "Sunshine Sunflower", price: "$38.00", rating: 4,
|
|
reviewCount: "156", imageSrc: "https://img.b2bpic.net/free-photo/lisianthus-bouquet-wooden-table_501050-281.jpg", imageAlt: "Bright sunflowers bouquet"
|
|
},
|
|
{
|
|
id: "4", brand: "Tu kvitka", name: "Enchanted Garden Mix", price: "$60.00", rating: 5,
|
|
reviewCount: "203", imageSrc: "https://img.b2bpic.net/free-photo/flowers-from-home-garden-vase-white-background_169016-34144.jpg", imageAlt: "Mixed colorful flower arrangement"
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardEight
|
|
title="Why Choose Tu kvitka"
|
|
description="Discover what makes our flower arrangements special and trusted by thousands of happy customers."
|
|
tag="Our Advantages"
|
|
tagIcon={Heart}
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Fresh Flowers Daily", description: "Our flowers are sourced fresh from premium growers and arranged same-day to ensure maximum freshness and longevity.", imageSrc: "https://img.b2bpic.net/free-photo/lisianthus-bouquet-wooden-table_501050-317.jpg"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Custom Arrangements", description: "Work with our expert florists to create a personalized arrangement that perfectly matches your vision and budget.", imageSrc: "https://img.b2bpic.net/free-photo/flowers-from-home-garden-vase-white-background_169016-34841.jpg"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Fast & Reliable Delivery", description: "Same-day delivery available. We ensure your flowers arrive on time and in perfect condition every single time.", imageSrc: "https://img.b2bpic.net/free-photo/female-florist-promoting-mixed-flower-basket_114579-2775.jpg"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="What Our Customers Say"
|
|
description="Thousands of happy customers trust Tu kvitka for their special moments. Read their stories."
|
|
tag="Reviews"
|
|
tagIcon={Star}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Maria Petrova, Bride", date: "Date: 15 March 2025", title: "Perfect flowers for my wedding day!", quote: "Tu kvitka created the most stunning bridal bouquet and centerpieces. Every detail was perfect, and the quality exceeded our expectations. Our wedding day was magical thanks to their beautiful arrangements.", tag: "Wedding", avatarSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg"
|
|
},
|
|
{
|
|
id: "2", name: "Ivan Kovalenko, Corporate Client", date: "Date: 22 February 2025", title: "Professional service for our office", quote: "We've been using Tu kvitka for our office arrangements for 6 months now. The flowers are always fresh, beautifully arranged, and delivered on schedule. Our clients and staff love them!", tag: "Corporate", avatarSrc: "https://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg", imageSrc: "https://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg"
|
|
},
|
|
{
|
|
id: "3", name: "Sophia Yenko, Anniversary Gift", date: "Date: 10 February 2025", title: "My husband loved the surprise!", quote: "I ordered a gorgeous rose arrangement for our anniversary and had it delivered to his office. The presentation was elegant, and he was absolutely surprised and delighted. Highly recommended!", tag: "Special Occasion", avatarSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg"
|
|
},
|
|
{
|
|
id: "4", name: "Dmytro Marchenko, Regular Customer", date: "Date: 5 February 2025", title: "Consistent quality every time", quote: "I've ordered from Tu kvitka multiple times for different occasions. The quality is always exceptional, the staff is friendly and helpful, and the flowers last much longer than expected.", tag: "Regular", avatarSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg", imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg"
|
|
},
|
|
{
|
|
id: "5", name: "Olena Shevchenko, Birthday Party", date: "Date: 28 January 2025", title: "Made my daughter's party special", quote: "Tu kvitka provided beautiful flower arrangements for my daughter's birthday party. The colors were vibrant, the arrangements were artistic, and everyone complimented them throughout the event!", tag: "Celebration", avatarSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg", imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our flowers, delivery, and services."
|
|
tag="Help & Support"
|
|
tagIcon={HelpCircle}
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
animationType="smooth"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How long do your flowers last?", content: "Most of our fresh flower arrangements last 7-10 days when properly cared for. We include care instructions with every delivery. Keep flowers in clean water, change water every 2-3 days, trim stems at an angle, and keep them away from direct sunlight and heat sources."
|
|
},
|
|
{
|
|
id: "2", title: "Do you offer same-day delivery?", content: "Yes! We offer same-day delivery for orders placed before 12:00 PM. This service is available within our delivery zone. Please note that same-day delivery may have additional fees depending on your location. Check our delivery section for more details."
|
|
},
|
|
{
|
|
id: "3", title: "Can I customize my flower arrangement?", content: "Absolutely! We specialize in custom arrangements. You can contact our florists directly to discuss your vision, budget, and preferences. We'll create a unique arrangement tailored specifically to your needs. Call us or use our contact form to get started."
|
|
},
|
|
{
|
|
id: "4", title: "What payment methods do you accept?", content: "We accept all major credit cards (Visa, Mastercard, American Express), PayPal, bank transfers, and cash on delivery for local orders. All transactions are secure and encrypted."
|
|
},
|
|
{
|
|
id: "5", title: "What if I'm not satisfied with my order?", content: "Your satisfaction is our priority. If you're not happy with your flowers or arrangement, please contact us within 24 hours of delivery. We'll either replace your arrangement or provide a full refund, no questions asked."
|
|
},
|
|
{
|
|
id: "6", title: "Do you deliver outside the city?", content: "We offer delivery within a 20km radius of the city center. For deliveries outside this zone, please contact us directly to discuss options and possible additional delivery fees."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Newsletter"
|
|
title="Stay Updated with Special Offers"
|
|
description="Subscribe to our newsletter for exclusive discounts, seasonal arrangements, and special occasion tips straight to your inbox."
|
|
tagIcon={Mail}
|
|
useInvertedBackground="noInvert"
|
|
inputPlaceholder="Your email address"
|
|
buttonText="Subscribe"
|
|
termsText="We respect your privacy. You can unsubscribe anytime. We typically send one email per week with updates and special offers."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Shop", items: [
|
|
{ label: "All Flowers", href: "#products" },
|
|
{ label: "Custom Orders", href: "#contact" },
|
|
{ label: "Seasonal", href: "#products" },
|
|
{ label: "Gift Packages", href: "#products" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Our Team", href: "#about" },
|
|
{ label: "Reviews", href: "#testimonials" },
|
|
{ label: "Blog", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "FAQ", href: "#faq" },
|
|
{ label: "Delivery Info", href: "#contact" },
|
|
{ label: "Care Guide", href: "#" },
|
|
{ label: "Contact", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms & Conditions", href: "#" },
|
|
{ label: "Return Policy", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
bottomLeftText="© 2025 Tu kvitka. All rights reserved."
|
|
bottomRightText="Made with love for flower lovers"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |