261 lines
15 KiB
TypeScript
261 lines
15 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||
import { Award, Leaf, Sun, Zap, Heart, Truck, MapPin, Phone, MessageCircle, Clock } from 'lucide-react';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="text-shift"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="pill"
|
||
contentWidth="smallMedium"
|
||
sizing="largeSmallSizeMediumTitles"
|
||
background="none"
|
||
cardStyle="inset"
|
||
primaryButtonStyle="radial-glow"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="normal"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleFullscreen
|
||
brandName="Cake World"
|
||
navItems={[
|
||
{ name: "Home", id: "hero" },
|
||
{ name: "Products", id: "products" },
|
||
{ name: "Why Us", id: "why-us" },
|
||
{ name: "Order", id: "order-form" },
|
||
{ name: "Contact", id: "contact" }
|
||
]}
|
||
bottomLeftText="Trusted Since 1990"
|
||
bottomRightText="+91 XXXXX XXXXX"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardGallery
|
||
title="Jaipur's Trusted Eggless Bakery Since 1990"
|
||
description="Fresh cakes, pastries & bakery delights made daily with love. Premium quality, 100% eggless, affordable prices."
|
||
tag="Serving Jaipur for 30+ Years"
|
||
tagIcon={Award}
|
||
tagAnimation="slide-up"
|
||
buttons={[
|
||
{ text: "📞 Call Now", href: "tel:+919876543210" },
|
||
{ text: "💬 Order on WhatsApp", href: "https://wa.me/919876543210" }
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
mediaItems={[
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/slice-cake-with-cocoa-strawberries-white-plate_114579-13807.jpg?_wi=1", imageAlt: "Fresh decorated birthday cake" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/assortment-fresh-pastry-table-buffet_1232-1825.jpg?_wi=1", imageAlt: "Assorted fresh pastries" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/donuts-cupcakes-apple_23-2147678735.jpg?_wi=1", imageAlt: "Freshly baked bakery items" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/fresh-pastry-gogal-black-plate_114579-88593.jpg?_wi=1", imageAlt: "Traditional pav and snacks" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/birthday-cake-front-watercolor-background_23-2148016008.jpg?_wi=1", imageAlt: "Beautiful anniversary cake" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-delicious-cake_23-2149655641.jpg?_wi=1", imageAlt: "Custom occasion cakes" }
|
||
]}
|
||
mediaAnimation="slide-up"
|
||
background={{
|
||
variant: "plain"
|
||
}}
|
||
ariaLabel="Hero section for Cake World bakery"
|
||
/>
|
||
</div>
|
||
|
||
<div id="trust" data-section="trust">
|
||
<TestimonialCardFifteen
|
||
testimonial="Wide range of products with consistent quality. Every cake, pastry, and snack is fresh and delicious. Best bakery in Jaipur for affordable premium quality!"
|
||
rating={5}
|
||
author="Customer Reviews"
|
||
avatars={[
|
||
{ src: "http://img.b2bpic.net/free-photo/slice-cake-with-cocoa-strawberries-white-plate_114579-13807.jpg", alt: "Customer 1" },
|
||
{ src: "http://img.b2bpic.net/free-photo/assortment-fresh-pastry-table-buffet_1232-1825.jpg", alt: "Customer 2" },
|
||
{ src: "http://img.b2bpic.net/free-photo/donuts-cupcakes-apple_23-2147678735.jpg", alt: "Customer 3" },
|
||
{ src: "http://img.b2bpic.net/free-photo/fresh-pastry-gogal-black-plate_114579-88593.jpg", alt: "Customer 4" }
|
||
]}
|
||
ratingAnimation="slide-up"
|
||
avatarsAnimation="slide-up"
|
||
useInvertedBackground={false}
|
||
ariaLabel="Customer testimonials and trust section"
|
||
/>
|
||
</div>
|
||
|
||
<div id="products" data-section="products">
|
||
<ProductCardOne
|
||
title="Popular Products"
|
||
description="Freshly baked every morning. Order online or call for custom cakes and special occasions."
|
||
tag="100% Eggless"
|
||
tagIcon={Leaf}
|
||
tagAnimation="slide-up"
|
||
buttons={[
|
||
{ text: "View All Products", href: "#" }
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
gridVariant="three-columns-all-equal-width"
|
||
animationType="slide-up"
|
||
products={[
|
||
{ id: "red-velvet", name: "Red Velvet Cake", price: "₹350", imageSrc: "http://img.b2bpic.net/free-photo/slice-red-velvet-cake-white-plate-with-tea_114579-16370.jpg?_wi=1", imageAlt: "Red velvet cake with cream frosting" },
|
||
{ id: "pineapple", name: "Pineapple Cake", price: "₹300", imageSrc: "http://img.b2bpic.net/free-photo/homemade-delicious-french-dessert-tart-tatin-with-peaches_114579-20610.jpg?_wi=1", imageAlt: "Fresh pineapple cake with fruit topping" },
|
||
{ id: "cheese-patties", name: "Cheese Patties", price: "₹150", imageSrc: "http://img.b2bpic.net/free-photo/top-view-baked-qogals-eastern-baked-buns-fresh-hot-inside-bread-bin-along-with-red-flowers-pepper-table-pink_140725-24337.jpg?_wi=1", imageAlt: "Golden crispy cheese patties" },
|
||
{ id: "grilled-sandwich", name: "Grilled Sandwiches", price: "₹120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-ham-sandwiches-inside-plate-dark-surface_179666-35068.jpg?_wi=1", imageAlt: "Hot grilled cheese sandwich" },
|
||
{ id: "birthday-cake", name: "Custom Birthday Cake", price: "₹400+", imageSrc: "http://img.b2bpic.net/free-photo/slice-cake-with-cocoa-strawberries-white-plate_114579-13807.jpg?_wi=2", imageAlt: "Custom decorated birthday cake" },
|
||
{ id: "anniversary-cake", name: "Anniversary Cake", price: "₹450+", imageSrc: "http://img.b2bpic.net/free-photo/birthday-cake-front-watercolor-background_23-2148016008.jpg?_wi=2", imageAlt: "Elegant anniversary cake" }
|
||
]}
|
||
ariaLabel="Popular bakery products"
|
||
/>
|
||
</div>
|
||
|
||
<div id="why-us" data-section="why-us">
|
||
<FeatureCardTwentyFive
|
||
title="Why Choose Cake World?"
|
||
description="We've been serving Jaipur families for over 30 years. Here's what makes us special:"
|
||
tag="Premium Quality Bakery"
|
||
tagIcon={Award}
|
||
tagAnimation="slide-up"
|
||
buttons={[
|
||
{ text: "Order Now", href: "#order-form" }
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
animationType="slide-up"
|
||
features={[
|
||
{
|
||
title: "100% Eggless Products", description: "All our cakes, pastries, and bakery items are completely eggless. Perfect for vegetarian families.", icon: Leaf,
|
||
mediaItems: [
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/assortment-fresh-pastry-table-buffet_1232-1825.jpg?_wi=2", imageAlt: "Eggless pastries" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/donuts-cupcakes-apple_23-2147678735.jpg?_wi=2", imageAlt: "Eggless bakery items" }
|
||
]
|
||
},
|
||
{
|
||
title: "Freshly Baked Daily", description: "We bake fresh every morning. No stale products. Taste the difference of authentic, fresh bakery items.", icon: Sun,
|
||
mediaItems: [
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/slice-cake-with-cocoa-strawberries-white-plate_114579-13807.jpg?_wi=3", imageAlt: "Fresh birthday cake" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/slice-red-velvet-cake-white-plate-with-tea_114579-16370.jpg?_wi=2", imageAlt: "Fresh red velvet cake" }
|
||
]
|
||
},
|
||
{
|
||
title: "Affordable Premium Quality", description: "Premium taste at budget-friendly prices. Cakes from ₹200–₹400. No compromise on quality.", icon: Zap,
|
||
mediaItems: [
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/homemade-delicious-french-dessert-tart-tatin-with-peaches_114579-20610.jpg?_wi=2", imageAlt: "Affordable pineapple cake" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-baked-qogals-eastern-baked-buns-fresh-hot-inside-bread-bin-along-with-red-flowers-pepper-table-pink_140725-24337.jpg?_wi=2", imageAlt: "Budget-friendly cheese patties" }
|
||
]
|
||
},
|
||
{
|
||
title: "30+ Years of Trust", description: "Serving Jaipur families since 1990. Trusted by thousands for birthdays, celebrations, and daily treats.", icon: Award,
|
||
mediaItems: [
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/birthday-cake-front-watercolor-background_23-2148016008.jpg?_wi=3", imageAlt: "Celebration cakes" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-delicious-cake_23-2149655641.jpg?_wi=2", imageAlt: "Custom occasion cakes" }
|
||
]
|
||
},
|
||
{
|
||
title: "Wide Variety", description: "From custom birthday cakes to daily bakery items. Cakes for every occasion, budget, and taste preference.", icon: Heart,
|
||
mediaItems: [
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/fresh-pastry-gogal-black-plate_114579-88593.jpg?_wi=2", imageAlt: "Variety of pav and snacks" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-ham-sandwiches-inside-plate-dark-surface_179666-35068.jpg?_wi=2", imageAlt: "Variety of grilled sandwiches" }
|
||
]
|
||
},
|
||
{
|
||
title: "Same-Day Delivery", description: "Need a cake for today? We can bake and deliver in 2-3 hours. Call or WhatsApp us anytime.", icon: Truck,
|
||
mediaItems: [
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/slice-cake-with-cocoa-strawberries-white-plate_114579-13807.jpg?_wi=4", imageAlt: "Fast delivery cake" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/slice-red-velvet-cake-white-plate-with-tea_114579-16370.jpg?_wi=3", imageAlt: "Ready to deliver cake" }
|
||
]
|
||
}
|
||
]}
|
||
ariaLabel="Why choose Cake World bakery"
|
||
/>
|
||
</div>
|
||
|
||
<div id="order-form" data-section="order-form">
|
||
<ContactFaq
|
||
ctaTitle="Get a Call Back in 5 Minutes"
|
||
ctaDescription="Place your order online. Our team will call you to confirm details, answer questions, and arrange delivery."
|
||
ctaButton={{ text: "📝 Quick Order Form", href: "#" }}
|
||
ctaIcon={Phone}
|
||
useInvertedBackground={true}
|
||
animationType="slide-up"
|
||
accordionAnimationType="smooth"
|
||
showCard={true}
|
||
faqs={[
|
||
{ id: "1", title: "What are your delivery options?", content: "We offer home delivery within Jaipur. Choose pickup or delivery at checkout. Same-day delivery available on most orders placed before 2 PM." },
|
||
{ id: "2", title: "Can you customize cakes?", content: "Yes! We customize cakes for birthdays, anniversaries, and special occasions. Call us to discuss your design, flavor, and delivery date." },
|
||
{ id: "3", title: "Do you offer eggless cakes?", content: "100% of our products are eggless. All cakes, pastries, and bakery items are made without eggs. Perfect for vegetarians and health-conscious customers." },
|
||
{ id: "4", title: "What are your business hours?", content: "We're open 7 AM to 10 PM daily. Call or WhatsApp anytime. Emergency orders can be placed after hours with advance notice." },
|
||
{ id: "5", title: "How do I place an order?", content: "Three easy ways: 1) Call us at +91 XXXXX XXXXX 2) WhatsApp your order 3) Fill the quick order form above. We'll confirm and arrange everything." }
|
||
]}
|
||
ariaLabel="Quick order and FAQ section"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<SplitAbout
|
||
title="Find Us in Jaipur"
|
||
description="Visit us at our bakery or order online. We're here to serve you every day with fresh, delicious treats."
|
||
tag="Visit Our Bakery"
|
||
tagIcon={MapPin}
|
||
tagAnimation="slide-up"
|
||
buttons={[
|
||
{ text: "📍 Get Directions", href: "https://maps.google.com" },
|
||
{ text: "📞 Call Us", href: "tel:+919876543210" }
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
bulletPoints={[
|
||
{ title: "Address", description: "[Your Bakery Address], Jaipur - 302000", icon: MapPin },
|
||
{ title: "Phone", description: "+91 XXXXX XXXXX", icon: Phone },
|
||
{ title: "WhatsApp", description: "Quick orders via WhatsApp", icon: MessageCircle },
|
||
{ title: "Hours", description: "7 AM - 10 PM Daily", icon: Clock }
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/donuts-cupcakes-apple_23-2147678735.jpg?_wi=3"
|
||
imageAlt="Cake World bakery location"
|
||
imagePosition="right"
|
||
mediaAnimation="slide-up"
|
||
ariaLabel="Location and contact information"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBase
|
||
logoText="Cake World"
|
||
columns={[
|
||
{
|
||
title: "Quick Links", items: [
|
||
{ label: "Home", href: "#hero" },
|
||
{ label: "Products", href: "#products" },
|
||
{ label: "Why Us", href: "#why-us" },
|
||
{ label: "Order", href: "#order-form" }
|
||
]
|
||
},
|
||
{
|
||
title: "Contact", items: [
|
||
{ label: "Phone: +91 XXXXX XXXXX", href: "tel:+919876543210" },
|
||
{ label: "WhatsApp: Order Now", href: "https://wa.me/919876543210" },
|
||
{ label: "Email: info@cakeworld.com", href: "mailto:info@cakeworld.com" },
|
||
{ label: "Location in Jaipur", href: "https://maps.google.com" }
|
||
]
|
||
},
|
||
{
|
||
title: "About", items: [
|
||
{ label: "About Us", href: "#" },
|
||
{ label: "Our Story", href: "#" },
|
||
{ label: "Privacy Policy", href: "#" },
|
||
{ label: "Terms & Conditions", href: "#" }
|
||
]
|
||
}
|
||
]}
|
||
copyrightText="© 1990-2025 Cake World (Suresh Bakers Pvt Ltd) | Trusted Bakery in Jaipur | 100% Eggless | All Rights Reserved"
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
} |