260 lines
13 KiB
TypeScript
260 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="largeSizeMediumTitles"
|
|
background="noise"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "Menu", id: "products"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Reviews", id: "testimonials"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="Asli Bharat"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
title="Freshly Baked Happiness Every Day"
|
|
description="Experience the finest artistry in baking. From traditional sweets to modern gourmet pastries, we craft perfection for every celebration."
|
|
buttons={[
|
|
{
|
|
text: "Order Now", href: "#contact"},
|
|
{
|
|
text: "Explore Menu", href: "#products"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/brownie-with-cream-mandarin-slices_114579-3530.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={false}
|
|
title="A Legacy of Sweet Perfection"
|
|
description="Asli Bharat Bakery has served generations with a commitment to quality, freshness, and authentic taste. Every product we bake carries the essence of trust and the luxury of traditional craftsmanship."
|
|
imageSrc="http://img.b2bpic.net/free-photo/bakery-atmospheric-photo_1321-4640.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="two-columns-alternating-heights"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1", name: "Celebration Cakes", price: "$30", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/side-view-dessert-with-ice-cream-cup-tea_141793-4877.jpg"},
|
|
{
|
|
id: "p2", name: "Artisan Biscuits", price: "$10", variant: "Crispy", imageSrc: "http://img.b2bpic.net/free-photo/chopped-minced-oatmeal-cookies-stock_114579-23287.jpg"},
|
|
{
|
|
id: "p3", name: "Luxury Chocolates", price: "$25", variant: "Dark", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cake-with-fruit-sugar-cubes_23-2148485425.jpg"},
|
|
{
|
|
id: "p4", name: "Traditional Sweets", price: "$15", variant: "Authentic", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-tasty-traditional-dessert_23-2149312411.jpg"},
|
|
{
|
|
id: "p5", name: "Flaky Pastries", price: "$8", variant: "Fresh", imageSrc: "http://img.b2bpic.net/free-photo/delicious-traditional-dessert-assortment_23-2149143312.jpg"},
|
|
{
|
|
id: "p6", name: "Gourmet Snacks", price: "$12", variant: "Savory", imageSrc: "http://img.b2bpic.net/free-photo/croissant-flower_23-2147667295.jpg"},
|
|
]}
|
|
title="Artisanal Delights"
|
|
description="Hand-picked gourmet collection."
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "s1", title: "Home Delivery", tags: ["Speed"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/sweet-delight-with-berries-table_140725-9927.jpg", imageAlt: "Sweet delight with berries on the table"},
|
|
{
|
|
id: "s2", title: "Drive-through", tags: ["Convenience"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/brownie-with-cream-mandarin-slices_114579-3530.jpg", imageAlt: "Sweet delight with berries on the table"},
|
|
{
|
|
id: "s3", title: "In-store Pick-up", tags: ["Easy"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/bakery-atmospheric-photo_1321-4640.jpg", imageAlt: "Sweet delight with berries on the table"},
|
|
{
|
|
id: "s4", title: "Dine-in Shopping", tags: ["Experience"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-dessert-with-ice-cream-cup-tea_141793-4877.jpg", imageAlt: "Sweet delight with berries on the table"},
|
|
{
|
|
id: "s5", title: "On-site Events", tags: ["Premium"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/chopped-minced-oatmeal-cookies-stock_114579-23287.jpg", imageAlt: "Sweet delight with berries on the table"},
|
|
{
|
|
id: "s6", title: "Takeaway", tags: ["Fresh"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cake-with-fruit-sugar-cubes_23-2148485425.jpg", imageAlt: "Sweet delight with berries on the table"},
|
|
]}
|
|
title="Service Excellence"
|
|
description="Seamless experience at every step."
|
|
/>
|
|
</div>
|
|
|
|
<div id="amenities" data-section="amenities">
|
|
<FeatureCardTwentyThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: "a1", title: "Free Wi-Fi", tags: ["Connected"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-tasty-homemade-cake-table_23-2148461084.jpg", imageAlt: "Close-up tasty homemade cake on the table"},
|
|
{
|
|
id: "a2", title: "LGBTQ+ Friendly", tags: ["Inclusive"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/brownie-with-cream-mandarin-slices_114579-3530.jpg", imageAlt: "Close-up tasty homemade cake on the table"},
|
|
{
|
|
id: "a3", title: "Quick Visit", tags: ["Fast"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/bakery-atmospheric-photo_1321-4640.jpg", imageAlt: "Close-up tasty homemade cake on the table"},
|
|
{
|
|
id: "a4", title: "Street Parking", tags: ["Easy"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-dessert-with-ice-cream-cup-tea_141793-4877.jpg", imageAlt: "Close-up tasty homemade cake on the table"},
|
|
{
|
|
id: "a5", title: "NFC Payments", tags: ["Modern"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/chopped-minced-oatmeal-cookies-stock_114579-23287.jpg", imageAlt: "Close-up tasty homemade cake on the table"},
|
|
{
|
|
id: "a6", title: "Card Accepted", tags: ["Secure"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cake-with-fruit-sugar-cubes_23-2148485425.jpg", imageAlt: "Close-up tasty homemade cake on the table"},
|
|
]}
|
|
title="Guest Amenities"
|
|
description="We ensure your comfort."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Miller", date: "Jan 2025", title: "Regular Visitor", quote: "The cakes are pure bliss!", tag: "Cake Lover", avatarSrc: "http://img.b2bpic.net/free-photo/coffee-break_1098-14791.jpg", imageSrc: "http://img.b2bpic.net/free-photo/brownie-with-cream-mandarin-slices_114579-3530.jpg", imageAlt: "happy customer portrait"},
|
|
{
|
|
id: "2", name: "Rahul Verma", date: "Dec 2024", title: "Food Enthusiast", quote: "Unbeatable traditional sweets quality.", tag: "Mithai Fan", avatarSrc: "http://img.b2bpic.net/free-photo/picture-pensive-mystery-surfer-wetsuit-drinking-cocktail-looking-away_171337-9072.jpg", imageSrc: "http://img.b2bpic.net/free-photo/bakery-atmospheric-photo_1321-4640.jpg", imageAlt: "happy customer portrait"},
|
|
{
|
|
id: "3", name: "Emily Chen", date: "Nov 2024", title: "Frequent Guest", quote: "Love the pastry variety here.", tag: "Pastry Fan", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-woman-doing-thumbs-up_23-2148628939.jpg", imageSrc: "http://img.b2bpic.net/free-photo/side-view-dessert-with-ice-cream-cup-tea_141793-4877.jpg", imageAlt: "happy customer portrait"},
|
|
{
|
|
id: "4", name: "David Wilson", date: "Oct 2024", title: "Happy Customer", quote: "Excellent service and ambiance.", tag: "Customer", avatarSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg", imageSrc: "http://img.b2bpic.net/free-photo/chopped-minced-oatmeal-cookies-stock_114579-23287.jpg", imageAlt: "happy customer portrait"},
|
|
{
|
|
id: "5", name: "Priyal Shah", date: "Sep 2024", title: "Regular Visitor", quote: "Best chocolates in town!", tag: "Chocolate Fan", avatarSrc: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586564.jpg", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cake-with-fruit-sugar-cubes_23-2148485425.jpg", imageAlt: "happy customer portrait"},
|
|
]}
|
|
title="4.7/5 Customer Rating"
|
|
description="Trusted by thousands of happy foodies."
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<FeatureCardTwentyThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: "g1", title: "Bakery View", tags: [],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-baker-with-tray_23-2149233682.jpg"},
|
|
{
|
|
id: "g2", title: "Pastry Selection", tags: [],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/delicious-cookies-plate_23-2150707273.jpg"},
|
|
{
|
|
id: "g3", title: "Artisan Treats", tags: [],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/homemade-chocolate-truffle-candies-with-cocoa-powder-near-spoon-fork-shape-sugar-powder_23-2148161704.jpg"},
|
|
{
|
|
id: "g4", title: "Fresh Morning", tags: [],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-golden-suit-sits-cafe_8353-301.jpg"},
|
|
{
|
|
id: "g5", title: "Celebration", tags: [],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-elegant-cake-topper_23-2149232349.jpg"},
|
|
{
|
|
id: "g6", title: "Sweet Display", tags: [],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/dessert-sweet-cake-tasty-bakery-soft_53876-30995.jpg"},
|
|
]}
|
|
title="Bakery Gallery"
|
|
description="Visual delight in every corner."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Visit Us"
|
|
title="Get in Touch"
|
|
description="Located at the heart of the city. Opening hours: 9AM - 10PM."
|
|
buttons={[
|
|
{
|
|
text: "Call Now", href: "tel:+910000000000"},
|
|
{
|
|
text: "WhatsApp", href: "https://wa.me/910000000000"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Asli Bharat Bakery"
|
|
columns={[
|
|
{
|
|
title: "Shop", items: [
|
|
{
|
|
label: "Menu", href: "#products"},
|
|
{
|
|
label: "Order", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About", href: "#about"},
|
|
{
|
|
label: "Gallery", href: "#gallery"},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacy", href: "#"},
|
|
{
|
|
label: "Terms", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|