168 lines
11 KiB
TypeScript
168 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import { Ear, Palette, Cake, Star, Tag, Heart, Sparkles } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="floatingGradient"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Sheetal's Custom Cakes"
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Why Us", id: "why-us" },
|
|
{ name: "Cakes", id: "cakes" },
|
|
{ name: "Reviews", id: "reviews" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
title="Custom Cakes That Look Better Than Your Pinterest Reference"
|
|
description="Every cake is a masterpiece designed just for you. From makeup-themed to Rasmalai, we listen, create, and deliver cakes that exceed your expectations."
|
|
background={{ variant: "plain" }}
|
|
kpis={[
|
|
{ value: "500+", label: "Happy Customers" },
|
|
{ value: "100+", label: "Custom Designs" },
|
|
{ value: "4.9★", label: "Average Rating" }
|
|
]}
|
|
enableKpiAnimation={true}
|
|
buttons={[
|
|
{ text: "Order on WhatsApp", href: "https://wa.me/91XXXXXXXXXX" },
|
|
{ text: "See Our Cakes", href: "#cakes" }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/lesbian-couple-cutting-cake-their-wedding_23-2150835741.jpg"
|
|
imageAlt="Custom decorated luxury cake"
|
|
mediaAnimation="slide-up"
|
|
tag="Premium Custom Cakes"
|
|
tagAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-us" data-section="why-us">
|
|
<AboutMetric
|
|
title="Why Choose Sheetal's Custom Cakes"
|
|
metrics={[
|
|
{ icon: Ear, label: "We Listen Patiently", value: "Every Detail Matters" },
|
|
{ icon: Palette, label: "Designs Better Than Reference", value: "Artistic Excellence" },
|
|
{ icon: Cake, label: "Premium Taste, Not Too Sweet", value: "Perfect Balance" },
|
|
{ icon: Star, label: "Unique Flavors Like Rasmalai", value: "Hero Products" },
|
|
{ icon: Tag, label: "Affordable Luxury", value: "Best Value" }
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="cakes" data-section="cakes">
|
|
<ProductCardFour
|
|
title="Our Popular Cakes"
|
|
description="Each cake is handcrafted with premium ingredients and artistic precision. From classic flavors to unique creations, find your perfect cake."
|
|
products={[
|
|
{ id: "rasmalai", name: "Rasmalai Cake", price: "₹2,500 - ₹4,500", variant: "Hero Flavor", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-baked-cake-with-pink-cream-chocolates-light-cake-sweet-bake-cream-tea_140725-34010.jpg?_wi=1", imageAlt: "Rasmalai specialty cake" },
|
|
{ id: "makeup", name: "Makeup Theme Cake", price: "₹3,000 - ₹5,500", variant: "Customizable", imageSrc: "http://img.b2bpic.net/free-photo/excited-elegant-woman-with-muffin_329181-2125.jpg?_wi=1", imageAlt: "Custom makeup themed cake" },
|
|
{ id: "kids", name: "Butterscotch Kids Theme", price: "₹2,800 - ₹4,800", variant: "Character Design", imageSrc: "http://img.b2bpic.net/free-photo/cute-little-girl-blowing-multicolored-candles-birthday-cake_23-2148046139.jpg", imageAlt: "Kids theme butterscotch cake" },
|
|
{ id: "anniversary", name: "Pineapple Anniversary Cake", price: "₹3,200 - ₹5,200", variant: "Romantic", imageSrc: "http://img.b2bpic.net/free-photo/cake-slice-candies-marshmallow-birthday-hat-table_23-2147889897.jpg", imageAlt: "Anniversary pineapple cake" }
|
|
]}
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
buttons={[
|
|
{ text: "Order Your Cake", href: "https://wa.me/91XXXXXXXXXX" }
|
|
]}
|
|
tag="Premium Selection"
|
|
tagAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardTwo
|
|
title="What Our Customers Say"
|
|
description="Real stories from people who experienced the magic of custom cakes designed just for them."
|
|
testimonials={[
|
|
{ id: "1", name: "Aditya", role: "Bride", testimonial: "Sheetal was a wonderful listener. She understood exactly what I wanted and created a cake that was even better than my Pinterest reference. Absolutely stunning!", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg", imageAlt: "Aditya" },
|
|
{ id: "2", name: "Rama", role: "Event Planner", testimonial: "Better than the picture! The attention to detail is incredible. Every element was perfect and the taste was absolutely premium without being overly sweet.", imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg", imageAlt: "Rama" },
|
|
{ id: "3", name: "Priya", role: "Mother", testimonial: "My daughter's birthday cake was magical. The custom design brought her character to life. Sheetal made it extra special and listened to every detail.", imageSrc: "http://img.b2bpic.net/free-photo/confident-blonde-young-businesswoman-standing-against-gray-background_23-2148029507.jpg", imageAlt: "Priya" },
|
|
{ id: "4", name: "Vikram", role: "Groom", testimonial: "The Rasmalai cake was our hero product! Unique flavor, beautiful presentation, and affordable for what you get. Highly recommend Sheetal's cakes.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1604.jpg", imageAlt: "Vikram" },
|
|
{ id: "5", name: "Sunita", role: "Cake Enthusiast", testimonial: "I've ordered from many bakeries, but Sheetal's custom cakes are on another level. The personalization and quality justify every rupee spent.", imageSrc: "http://img.b2bpic.net/free-photo/young-lady-propping-chin-clasped-hands_176474-94499.jpg", imageAlt: "Sunita" },
|
|
{ id: "6", name: "Rohan", role: "Anniversary Celebrator", testimonial: "Our anniversary cake was a work of art. Not just beautiful, but the taste was perfectly balanced. My wife still talks about how thoughtful this gift was.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg", imageAlt: "Rohan" }
|
|
]}
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
tag="Customer Love"
|
|
tagAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<FeatureCardTwentySix
|
|
title="The Art of Custom Cake Making"
|
|
description="We believe every celebration deserves a cake as unique as the moment itself. That's why we listen, design, and create cakes that tell your story."
|
|
features={[
|
|
{ title: "Patient Listening", description: "We don't just take orders. We understand your vision, ask questions, and refine every detail until it's perfect.", imageSrc: "http://img.b2bpic.net/free-photo/person-celebrating-birthday-office_23-2149334842.jpg", imageAlt: "Custom cake design process", buttonIcon: Heart, buttonHref: "https://wa.me/91XXXXXXXXXX" },
|
|
{ title: "Artistic Excellence", description: "Our designs often exceed reference photos. We transform your ideas into edible art using premium techniques and ingredients.", imageSrc: "http://img.b2bpic.net/free-photo/excited-elegant-woman-with-muffin_329181-2125.jpg?_wi=2", imageAlt: "Artistic cake creation", buttonIcon: Palette, buttonHref: "https://wa.me/91XXXXXXXXXX" },
|
|
{ title: "Premium Taste Balance", description: "Luxury doesn't mean overly sweet. Every cake is balanced for perfect taste, texture, and indulgence without overwhelming sweetness.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-baked-cake-with-pink-cream-chocolates-light-cake-sweet-bake-cream-tea_140725-34010.jpg?_wi=2", imageAlt: "Premium cake flavors", buttonIcon: Sparkles, buttonHref: "https://wa.me/91XXXXXXXXXX" }
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
buttons={[
|
|
{ text: "Start Your Cake Journey", href: "https://wa.me/91XXXXXXXXXX" }
|
|
]}
|
|
tag="Our Process"
|
|
tagAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Ready to Order?"
|
|
title="Let's Create Your Perfect Cake"
|
|
description="Chat with us on WhatsApp to discuss your custom cake. Share your ideas, preferred flavors, and budget. We'll bring your vision to life."
|
|
buttons={[
|
|
{ text: "Chat on WhatsApp", href: "https://wa.me/91XXXXXXXXXX" },
|
|
{ text: "See More Designs", href: "#cakes" }
|
|
]}
|
|
background={{ variant: "gradient-bars" }}
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{ title: "Quick Links", items: [{ label: "Home", href: "#home" }, { label: "Why Us", href: "#why-us" }, { label: "Our Cakes", href: "#cakes" }, { label: "Reviews", href: "#reviews" }] },
|
|
{ title: "Connect", items: [{ label: "WhatsApp", href: "https://wa.me/91XXXXXXXXXX" }, { label: "Order Now", href: "https://wa.me/91XXXXXXXXXX" }, { label: "Share Feedback", href: "https://wa.me/91XXXXXXXXXX" }] },
|
|
{ title: "Info", items: [{ label: "About", href: "#about" }, { label: "Custom Orders", href: "https://wa.me/91XXXXXXXXXX" }, { label: "Privacy", href: "#" }] }
|
|
]}
|
|
bottomLeftText="© 2024 Sheetal's Custom Cakes. Crafted with love in Hyderabad."
|
|
bottomRightText="Premium Custom Cakes Delivered Fresh"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|