278 lines
15 KiB
TypeScript
278 lines
15 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import { Cake, Heart, Sparkles, Star, Gift, Crown, HelpCircle, Mail, Quote } from "lucide-react";
|
|
|
|
export default function SladkoeshkaPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Sladkoeshka"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Our Cakes", id: "/shop" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardGallery
|
|
title="Welcome to Sladkoeshka"
|
|
description="Indulge in our handcrafted cakes made with the finest ingredients. From classic elegance to modern creations, every slice tells a story of passion and perfection."
|
|
background={{ variant: "radial-gradient" }}
|
|
tag="Premium Cakes"
|
|
tagIcon={Cake}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/front-view-delicious-cake-concept_23-2148801130.jpg", imageAlt: "Decadent chocolate cake"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/front-view-delicious-cake-concept_23-2148801132.jpg", imageAlt: "Fresh strawberry cake"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/top-view-delicious-chocolate-cake-plate_23-2148622274.jpg", imageAlt: "Elegant vanilla wedding cake"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/top-view-chocolate-desserts-ready-be-served_23-2148622273.jpg", imageAlt: "Colorful celebration cake"
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "Order Now", href: "/shop" },
|
|
{ text: "Learn More", href: "about" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="Our Story"
|
|
tagIcon={Heart}
|
|
title="Crafting Joy, One Cake at a Time"
|
|
description="Sladkoeshka"
|
|
subdescription="Artisan Cake Studio"
|
|
icon={Sparkles}
|
|
imageSrc="https://img.b2bpic.net/free-photo/man-baker-sprinkles-donuts-with-colorful-sweets_1303-32325.jpg"
|
|
imageAlt="Professional cake studio kitchen"
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
title="Featured Cake Collection"
|
|
description="Discover our signature cakes, each one a masterpiece of flavor and design"
|
|
tag="Best Sellers"
|
|
tagIcon={Star}
|
|
products={[
|
|
{
|
|
id: "1", name: "Dark Chocolate Decadence", price: "$45.00", imageSrc: "https://img.b2bpic.net/free-photo/closeup-tasty-chocolate-cake-with-chocolate-chunks-baking-sheet_1220-6329.jpg", imageAlt: "Dark chocolate cake"
|
|
},
|
|
{
|
|
id: "2", name: "Classic Vanilla Dream", price: "$38.00", imageSrc: "https://img.b2bpic.net/free-photo/tasty-traditional-dessert-composition_23-2149143329.jpg", imageAlt: "Vanilla cake with frosting"
|
|
},
|
|
{
|
|
id: "3", name: "Strawberry Bliss", price: "$42.00", imageSrc: "https://img.b2bpic.net/free-photo/close-up-chocolate-cake_23-2148604554.jpg", imageAlt: "Strawberry cake with fresh berries"
|
|
},
|
|
{
|
|
id: "4", name: "Red Velvet Romance", price: "$48.00", imageSrc: "https://img.b2bpic.net/free-photo/high-angle-chocolate-cake-slice-slate_23-2148689843.jpg", imageAlt: "Red velvet cake"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardTwo
|
|
title="Cake Packages"
|
|
description="Choose the perfect package for your celebration or special occasion"
|
|
tag="Flexible Options"
|
|
tagIcon={Gift}
|
|
plans={[
|
|
{
|
|
id: "personal", badge: "Personal", badgeIcon: Heart,
|
|
price: "$28", subtitle: "Perfect for small gatherings", buttons: [
|
|
{ text: "Select Plan", href: "contact" },
|
|
{ text: "Learn More", href: "contact" }
|
|
],
|
|
features: [
|
|
"Serves 4-6 people", "1 flavor choice", "Basic decoration", "48-hour notice required"
|
|
]
|
|
},
|
|
{
|
|
id: "celebration", badge: "Celebration", badgeIcon: Sparkles,
|
|
price: "$65", subtitle: "Great for parties and events", buttons: [
|
|
{ text: "Select Plan", href: "contact" },
|
|
{ text: "Learn More", href: "contact" }
|
|
],
|
|
features: [
|
|
"Serves 10-15 people", "2 flavor choices", "Custom decoration", "Premium fillings included", "24-hour notice required"
|
|
]
|
|
},
|
|
{
|
|
id: "premium", badge: "Premium", badgeIcon: Crown,
|
|
price: "$120", subtitle: "Luxury for special occasions", buttons: [
|
|
{ text: "Select Plan", href: "contact" },
|
|
{ text: "Learn More", href: "contact" }
|
|
],
|
|
features: [
|
|
"Serves 20+ people", "Unlimited flavor combinations", "Artistic custom design", "Premium ingredients & tiers", "Delivery included", "Personal consultation"
|
|
]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="What Our Customers Say"
|
|
description="Real feedback from people who've experienced our delicious cakes"
|
|
tag="Customer Love"
|
|
tagIcon={Heart}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", handle: "Birthday Celebration", testimonial: "The chocolate cake was absolutely divine! Every guest asked for the recipe. Sladkoeshka created the perfect centerpiece for our party.", imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", imageAlt: "Sarah Johnson"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Chen", handle: "Wedding Event", testimonial: "We ordered a custom three-tier cake for our wedding. The attention to detail and flavor were beyond our expectations. Highly recommend!", imageSrc: "https://img.b2bpic.net/free-photo/african-american-curly-businesswoman-standing-with-folded-hands-portrait-successful-confident-young-pretty-female-office-employer-suit-posing-work-business-company-management-concept_74855-6735.jpg", imageAlt: "Michael Chen"
|
|
},
|
|
{
|
|
id: "3", name: "Emma Williams", handle: "Corporate Event", testimonial: "Professional, creative, and delicious! The team at Sladkoeshka went above and beyond for our company celebration.", imageSrc: "https://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg", imageAlt: "Emma Williams"
|
|
},
|
|
{
|
|
id: "4", name: "David Martinez", handle: "Anniversary", testimonial: "Finally found a cake maker who understands flavor and design. Our anniversary cake was a masterpiece that tasted even better than it looked!", imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg", imageAlt: "David Martinez"
|
|
},
|
|
{
|
|
id: "5", name: "Lisa Anderson", handle: "Graduation Party", testimonial: "The vanilla cake with fresh berries was perfection. The team was responsive, friendly, and delivered exactly what we needed.", imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-young-businesswoman_329181-11388.jpg", imageAlt: "Lisa Anderson"
|
|
},
|
|
{
|
|
id: "6", name: "James Thompson", handle: "Baby Shower", testimonial: "Beautifully decorated and wonderfully delicious. Sladkoeshka is our go-to bakery for all celebrations!", imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", imageAlt: "James Thompson"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our cakes and services"
|
|
tag="Help & Support"
|
|
tagIcon={HelpCircle}
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
mediaPosition="right"
|
|
imageSrc="https://img.b2bpic.net/free-photo/front-view-sweet-chocolate-cake-stand_23-2148834057.jpg"
|
|
imageAlt="Beautiful celebration cake at a party"
|
|
animationType="smooth"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How far in advance should I order?", content: "We recommend ordering at least 2-3 weeks in advance for custom designs. Standard cakes can be ordered with 48 hours notice. For large events or premium designs, 4-6 weeks gives us optimal time to create your perfect cake."
|
|
},
|
|
{
|
|
id: "2", title: "Do you offer gluten-free or vegan options?", content: "Yes! We offer both gluten-free and vegan cakes made with the same quality ingredients and attention to detail. Please mention your dietary requirements when ordering, and we'll create a delicious cake that meets your needs."
|
|
},
|
|
{
|
|
id: "3", title: "Can you deliver the cake?", content: "Delivery is included with our Premium packages. For Personal and Celebration packages, local delivery can be arranged for a small fee. We ensure safe transportation and professional presentation at your venue."
|
|
},
|
|
{
|
|
id: "4", title: "What flavors do you offer?", content: "We offer classic flavors like vanilla, chocolate, strawberry, and red velvet. We also create custom flavor combinations including lemon, carrot, coffee, matcha, and seasonal specials. Discuss your preferences during consultation."
|
|
},
|
|
{
|
|
id: "5", title: "Can I customize the design?", content: "Absolutely! We specialize in custom designs. Share your vision, color preferences, and theme, and our designers will create a cake that perfectly matches your event. The more details you provide, the better we can bring your dream cake to life."
|
|
},
|
|
{
|
|
id: "6", title: "What's your cancellation policy?", content: "We require 2 weeks notice for cancellations for a full refund. Cancellations within 2 weeks may incur a 50% charge. For any changes or special circumstances, please contact us directly to discuss options."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Newsletter"
|
|
tagIcon={Mail}
|
|
title="Stay Updated with Our Creations"
|
|
description="Subscribe to our newsletter for exclusive cake announcements, special offers, and baking tips delivered straight to your inbox."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground="noInvert"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Subscribe"
|
|
termsText="We respect your privacy. Unsubscribe anytime with one click."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Sladkoeshka"
|
|
columns={[
|
|
{
|
|
title: "Shop", items: [
|
|
{ label: "Our Cakes", href: "/shop" },
|
|
{ label: "Pricing", href: "#pricing" },
|
|
{ label: "Custom Orders", href: "#contact" },
|
|
{ label: "Gift Certificates", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Our Story", href: "#about" },
|
|
{ label: "Blog", href: "#" },
|
|
{ label: "Press", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "Contact Us", href: "#contact" },
|
|
{ label: "FAQ", href: "#faq" },
|
|
{ label: "Shipping Info", href: "#" },
|
|
{ label: "Returns", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
{ label: "Twitter", href: "https://twitter.com" },
|
|
{ label: "TikTok", href: "https://tiktok.com" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Sladkoeshka. All rights reserved. Handcrafted with love."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |