368 lines
12 KiB
TypeScript
368 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import { Flame, Layers, Star } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="aurora"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Menu",
|
|
id: "menu",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Locations",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="Prakash Bakery"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="Prakash Bakery"
|
|
description="Gujarat's Most Beloved Puff. Now at Your Doorstep. Over 70 freshly baked puff varieties, handcrafted celebration cakes, and artisan bakery goods — made live, every single day."
|
|
buttons={[
|
|
{
|
|
text: "Order Now →",
|
|
href: "#",
|
|
},
|
|
{
|
|
text: "Explore the Menu",
|
|
href: "#menu",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/braided-bread-pretzels-chopping-board-seen-through-bagels_23-2147872698.jpg?_wi=1"
|
|
imageAlt="Golden puffs fresh out of the oven"
|
|
showDimOverlay={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="proof" data-section="proof">
|
|
<SocialProofOne
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"\"Best puffs I've ever had — and I'm not even a puff person.\" — Prateek N.",
|
|
"\"The puff varieties here are unreal. 70+ options!\" — Purvi D.",
|
|
"\"Our go-to bakery for every birthday cake. Never disappoints.\" — Deepali S.",
|
|
"\"Fresh, hot, live-made puffs. Nothing comes close.\" — Harshul B.",
|
|
"\"Cheese puff and chocolate truffle cake — absolutely incredible.\" — Gitanjali S.",
|
|
]}
|
|
title="Ahmedabad Has Spoken"
|
|
description="Loved by thousands across Gujarat."
|
|
/>
|
|
</div>
|
|
|
|
<div id="difference" data-section="difference">
|
|
<FeatureHoverPattern
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
icon: Flame,
|
|
title: "Live-Made, Every Hour",
|
|
description: "Watch your puff being baked fresh in front of you. No reheating. No shortcuts.",
|
|
},
|
|
{
|
|
icon: Layers,
|
|
title: "70+ Puff Varieties",
|
|
description: "From Cheese Labalab to Punjabi Puff, our menu is a puff lover's dream.",
|
|
},
|
|
{
|
|
icon: Star,
|
|
title: "Celebration Cakes",
|
|
description: "Custom-designed cakes for birthdays, anniversaries, and everything worth celebrating.",
|
|
},
|
|
]}
|
|
title="Why Thousands Choose Prakash Bakery"
|
|
description="We don't just bake; we craft experiences."
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1",
|
|
brand: "Bakery",
|
|
name: "Pizza Puff",
|
|
price: "₹45",
|
|
rating: 5,
|
|
reviewCount: "500+",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/putting-chocolate-syrup-into-sweet-bakery-product_114579-1762.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "p2",
|
|
brand: "Bakery",
|
|
name: "Cheese Labalab",
|
|
price: "₹60",
|
|
rating: 5,
|
|
reviewCount: "400+",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/preparating-grilled-buns-humburger_7502-9882.jpg",
|
|
},
|
|
{
|
|
id: "p3",
|
|
brand: "Bakery",
|
|
name: "Chocolate Truffle Cake",
|
|
price: "₹800",
|
|
rating: 5,
|
|
reviewCount: "300+",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-croissants-basket_23-2148288056.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "p4",
|
|
brand: "Bakery",
|
|
name: "Butter Khari",
|
|
price: "₹30",
|
|
rating: 4,
|
|
reviewCount: "200+",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fruits-bun-near-drink_23-2147869463.jpg",
|
|
},
|
|
{
|
|
id: "p5",
|
|
brand: "Bakery",
|
|
name: "Bento Cake",
|
|
price: "₹350",
|
|
rating: 5,
|
|
reviewCount: "150+",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/hand-taking-dripping-pan-from-oven_23-2147962796.jpg",
|
|
},
|
|
{
|
|
id: "p6",
|
|
brand: "Bakery",
|
|
name: "Veg Puff",
|
|
price: "₹35",
|
|
rating: 4,
|
|
reviewCount: "600+",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-baguette-bread_141793-5215.jpg",
|
|
},
|
|
]}
|
|
title="Fan Favourites"
|
|
description="Ordered daily by thousands across Gujarat."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Nirav G.",
|
|
date: "Jan 2025",
|
|
title: "Local Guide",
|
|
quote: "The best puffs I've had, bar none. An institution.",
|
|
tag: "Top Review",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-clay-pots_23-2148944928.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/braided-bread-pretzels-chopping-board-seen-through-bagels_23-2147872698.jpg?_wi=2",
|
|
imageAlt: "portrait happy customer eating pastry",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Amit V.",
|
|
date: "Dec 2024",
|
|
title: "Customer",
|
|
quote: "We've ordered our daughter's birthday cake from here for years.",
|
|
tag: "Trusted",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-buys-buns-bakery_1157-24663.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-smiling-modern-indian-man-near-office-building_496169-2890.jpg",
|
|
imageAlt: "portrait happy customer eating pastry",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Harshul B.",
|
|
date: "Nov 2024",
|
|
title: "Local Guide",
|
|
quote: "I travel across the city just to come here. Nothing else like it.",
|
|
tag: "Fan",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-woman-celebrating-tamil-new-year_23-2151210748.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smile-lady-wedding-day-holiday_1304-966.jpg",
|
|
imageAlt: "portrait happy customer eating pastry",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Priya S.",
|
|
date: "Oct 2024",
|
|
title: "Patron",
|
|
quote: "The taste is consistent and always delightful.",
|
|
tag: "Verified",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-collection-bread-buns_122409-64.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/putting-chocolate-syrup-into-sweet-bakery-product_114579-1762.jpg?_wi=2",
|
|
imageAlt: "portrait happy customer eating pastry",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Rohan D.",
|
|
date: "Sep 2024",
|
|
title: "Patron",
|
|
quote: "Best cakes in Gujarat, hands down.",
|
|
tag: "Verified",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/preparating-grilled-buns-humburger_7502-9882.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-croissants-basket_23-2148288056.jpg?_wi=2",
|
|
imageAlt: "portrait happy customer eating pastry",
|
|
},
|
|
]}
|
|
title="Testimonials"
|
|
description="What our patrons say about the institution."
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={false}
|
|
title="Baked With Love. Trusted for Generations."
|
|
description="Prakash Bakery began with a simple promise: freshness above all else. Today, that promise is baked into every puff, every cake, every khari that leaves our kitchen."
|
|
buttons={[
|
|
{
|
|
text: "Find Your Nearest Branch →",
|
|
href: "#contact",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-collection-bread-buns_122409-64.jpg"
|
|
imageAlt="Inside Prakash Bakery kitchen"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "f1",
|
|
title: "Do you take custom cake orders?",
|
|
content: "Yes! We create fully customised cakes for all occasions.",
|
|
},
|
|
{
|
|
id: "f2",
|
|
title: "Are your puffs made fresh on-site?",
|
|
content: "Absolutely. Every puff is baked live in-store daily.",
|
|
},
|
|
{
|
|
id: "f3",
|
|
title: "Do you offer delivery?",
|
|
content: "Yes, we offer home delivery through our local branches.",
|
|
},
|
|
{
|
|
id: "f4",
|
|
title: "Are there Jain/Swaminarayan options?",
|
|
content: "Yes, please confirm with staff for your specific dietary needs.",
|
|
},
|
|
]}
|
|
mediaAnimation="opacity"
|
|
title="Questions? Answers."
|
|
description="Everything you need to know about our bakery."
|
|
faqsAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/freshly-baked-bread-oven_140725-4139.jpg"
|
|
imageAlt="Bakery oven baking bread"
|
|
/>
|
|
</div>
|
|
|
|
<div id="final-cta" data-section="final-cta">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "gradient-bars",
|
|
}}
|
|
text="Your Next Favourite Puff Is Waiting. Freshly baked. Instantly craveable."
|
|
buttons={[
|
|
{
|
|
text: "Order Now →",
|
|
href: "#",
|
|
},
|
|
{
|
|
text: "Call Us",
|
|
href: "tel:+910000000000",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
text="Visit Us. Ahmedabad | Surat | Multiple Locations Across Gujarat."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "Menu",
|
|
href: "#menu",
|
|
},
|
|
{
|
|
label: "About",
|
|
href: "#about",
|
|
},
|
|
{
|
|
label: "Order",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Contact",
|
|
href: "#contact",
|
|
},
|
|
{
|
|
label: "Find a Branch",
|
|
href: "#contact",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Prakash Bakery"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|