bender/93128c71-2537-449f-92e8-bf90c5efff82
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-13 11:26:55 +00:00
parent 4271de0427
commit 5df144f62b
1 changed files with 209 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

269
src/app/page.tsx
View File

@@ -3,11 +3,15 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA'; import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'; import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroOverlay from '@/components/sections/hero/HeroOverlay'; import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo'; import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout'; import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Coffee, Croissant, Wheat } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -24,71 +28,216 @@ export default function LandingPage() {
headingFontWeight="bold" headingFontWeight="bold"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ name: "Home", id: "hero" }, {
{ name: "About", id: "about" }, name: "Home", id: "hero"},
{ name: "Menu", id: "menu" }, {
{ name: "Contact", id: "contact" }, name: "Our Story", id: "about"},
]} {
brandName="The Diamond Café & Bakery" name: "Menu", id: "menu"},
/> {
</div> name: "Contact", id: "contact"},
]}
brandName="The Diamond Cafe & Bakery"
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroOverlay <HeroOverlay
title="The Diamond Café & Bakery" title="Experience Artisanal Perfection"
description="Authentic flavors, artisanal bakes, and freshly brewed coffee. Located in Kasindra, Gujarat." description="Where premium coffee meets fresh, handcrafted bakery delights in an atmosphere designed for relaxation."
imageSrc="http://img.b2bpic.net/free-photo/gourmet-french-pastry-collection-no-people-indoors-generated-by-ai_188544-40763.jpg?_wi=1" imageSrc="http://img.b2bpic.net/free-photo/gourmet-french-pastry-collection-no-people-indoors-generated-by-ai_188544-40763.jpg"
showBlur={true} showBlur={true}
/> avatars={[
</div> {
src: "http://img.b2bpic.net/free-photo/tasty-arrangement-with-pastries_23-2148289387.jpg", alt: "Tasty arrangement with pastries"},
{
src: "http://img.b2bpic.net/free-photo/woman-looking-goodies-local-producer_23-2149110867.jpg", alt: "Woman looking for goodies at a local producer"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-bakery_23-2150273148.jpg", alt: "Medium shot woman working in bakery"},
{
src: "http://img.b2bpic.net/free-photo/delicious-products-arrangement-bakery_23-2150273142.jpg", alt: "Delicious products arrangement in bakery"},
{
src: "http://img.b2bpic.net/free-photo/portrait-happy-female-baker-taking-smells-baked-croissant-he-glass-cake-stand_23-2148028092.jpg", alt: "Portrait of a happy female baker taking the smells of baked croissant in he glass cake stand"},
]}
avatarText="Join our growing community of coffee enthusiasts."
/>
</div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<TextSplitAbout <TextSplitAbout
useInvertedBackground={true} useInvertedBackground={true}
title="About Our Bakery" title="A Tradition of Craft"
description={[ description={[
"The Diamond Café & Bakery is your destination for premium artisanal breads and hand-crafted coffees.", "Located at Ground Floor, Kavya Villa, Dholka-Ahmedabad Highway, Kasindra, Gujarat, we pride ourselves on delivering quality in every bite." "Founded on a passion for quality, The Diamond Cafe & Bakery brings together the finest roasted beans and traditional baking techniques.", "Every bite and sip tells a story of quality ingredients, local heritage, and our commitment to the perfect cafe experience."]}
]} />
/> </div>
</div>
<div id="menu" data-section="menu"> <div id="features" data-section="features">
<ProductCardTwo <FeatureCardTwentyFive
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="split"
gridVariant="three-columns-all-equal-width" useInvertedBackground={false}
useInvertedBackground={true} features={[
title="Our Offerings" {
description="Enjoy our daily specials with an average price range of ₹1–200 per person." title: "Premium Coffee", description: "Ethically sourced beans roasted to perfection.", icon: Coffee,
products={[ mediaItems: [
{ id: "p1", brand: "Bakery", name: "Fresh Croissants", price: "₹80", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/tart-with-profiteroles-top-with-whipped-cream_114579-64592.jpg" }, {
{ id: "p2", brand: "Coffee", name: "Signature Brew", price: "₹120", rating: 5, reviewCount: "82", imageSrc: "http://img.b2bpic.net/free-photo/latte-art-coffee-cup_1203-3295.jpg" }, imageSrc: "http://img.b2bpic.net/free-photo/top-view-espresso-hot-tasty-inside-white-little-plate-brown-surface_140725-14549.jpg"},
{ id: "p3", brand: "Bakery", name: "Assorted Muffins", price: "₹90", rating: 4, reviewCount: "31", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-delicious-dessert-blueberries-mint_23-2148718713.jpg" } {
]} imageSrc: "http://img.b2bpic.net/free-photo/girl-having-glass-coffee_23-2148178364.jpg"},
/> ],
</div> },
{
title: "Fresh Baked Daily", description: "Pastries baked from scratch every single morning.", icon: Croissant,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-sweet-dessert-with-cinnamon_23-2148368248.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-bakery_23-2150273178.jpg"},
],
},
{
title: "Artisanal Breads", description: "Hand-kneaded loaves with natural sourdough cultures.", icon: Wheat,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/rolling-pin-rope-near-bread_23-2147851931.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-brownie-portions-wooden-background_123827-27267.jpg"},
],
},
]}
title="Our Signature Service"
description="What makes The Diamond experience unique."
/>
</div>
<div id="contact" data-section="contact"> <div id="menu" data-section="menu">
<ContactCTA <ProductCardTwo
tag="Contact Us" animationType="slide-up"
title="Visit Us Today" textboxLayout="default"
description="Ground Floor, Kavya Villa, Dholka-Ahmedabad Highway, Kasindra, Gujarat | Call: 083201 23185" gridVariant="three-columns-all-equal-width"
buttons={[{ text: "Call Now", href: "tel:08320123185" }, { text: "Get Directions", href: "#" }]} useInvertedBackground={true}
background={{ variant: "plain" }} products={[
useInvertedBackground={false} {
/> id: "p1", brand: "Bakery", name: "Butter Croissant", price: "$4.50", rating: 5,
</div> reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/tart-with-profiteroles-top-with-whipped-cream_114579-64592.jpg"},
{
id: "p2", brand: "Coffee", name: "Signature Cappuccino", price: "$5.00", rating: 5,
reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/latte-art-coffee-cup_1203-3295.jpg"},
{
id: "p3", brand: "Bakery", name: "Blueberry Muffin", price: "$3.75", rating: 4,
reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-delicious-dessert-blueberries-mint_23-2148718713.jpg"},
{
id: "p4", brand: "Bakery", name: "Sourdough Loaf", price: "$8.00", rating: 5,
reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-with-different-kinds-bread-grain-flour-weight-ears-wheat-pitcher-milk-eggs-black-background_639032-477.jpg"},
{
id: "p5", brand: "Coffee", name: "Iced Vanilla Latte", price: "$5.50", rating: 4,
reviewCount: "78", imageSrc: "http://img.b2bpic.net/free-photo/pretty-blond-woman-stylish-spring-dress-holding-tasty-lemonade-posing-white-background_273443-5260.jpg"},
{
id: "p6", brand: "Bakery", name: "Dark Fudge Brownie", price: "$4.00", rating: 5,
reviewCount: "105", imageSrc: "http://img.b2bpic.net/free-photo/overhead-shot-freshly-baked-brownies-wooden-board_181624-25041.jpg"},
]}
title="Cafe Delights"
description="Discover our most loved offerings."
/>
</div>
<div id="footer" data-section="footer"> <div id="testimonials" data-section="testimonials">
<FooterLogoEmphasis <TestimonialCardSix
logoText="The Diamond Café & Bakery" animationType="slide-up"
columns={[{ items: [{ label: "About", href: "#about" }, { label: "Menu", href: "#menu" }, { label: "Contact", href: "#contact" }] }]} textboxLayout="default"
/> useInvertedBackground={false}
</div> testimonials={[
{
id: "1", name: "Alex R.", handle: "@alexcoffee", testimonial: "The best croissants in town, hands down!", imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-hot-chocolate-cafe_23-2149944013.jpg"},
{
id: "2", name: "Jamie L.", handle: "@jamiebakery", testimonial: "I visit every single morning for their latte.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-indian-man-casual-wear-posing-indoor-cafe_627829-1217.jpg"},
{
id: "3", name: "Sarah K.", handle: "@sarahfoodie", testimonial: "Such a warm and welcoming vibe, love it.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-drinking-coffee-restaurant-portrait-young-lady-with-dark-curly-hair-dreamily-closing-her-eyes-with-cup-hands-nice-girl-sitting-cafe-with-cup-coffee_639032-2909.jpg"},
{
id: "4", name: "Mark D.", handle: "@markbakes", testimonial: "The sourdough is absolutely incredible.", imageSrc: "http://img.b2bpic.net/free-photo/therapist-taking-notes-mental-health-progress-with-adolescent_482257-124828.jpg"},
{
id: "5", name: "Elena P.", handle: "@elenaeat", testimonial: "Simply wonderful. Feels like home.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-female-baker-wearing-apron-looking-camera_23-2148189096.jpg"},
]}
title="Cafe Love"
description="Hear what our regulars have to say."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "f1", title: "Do you offer vegan options?", content: "Yes! We have several vegan pastry and milk alternatives."},
{
id: "f2", title: "Do you have free Wi-Fi?", content: "Absolutely, perfect for studying or working remotely."},
{
id: "f3", title: "Can we pre-order cakes?", content: "Yes, please contact us 48 hours in advance."},
]}
imageSrc="http://img.b2bpic.net/free-photo/view-delicious-baked-bread-pastry-shop_23-2150379551.jpg"
mediaAnimation="opacity"
title="Common Queries"
description="Everything you need to know about our cafe."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain"}}
tag="Visit Us"
title="Drop by for a Coffee"
description="Find us at our downtown location. We are open daily from 7:00 AM to 6:00 PM."
buttons={[
{
text: "Get Directions", href: "#"},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "About", href: "#about"},
{
label: "Menu", href: "#menu"},
{
label: "Contact", href: "#contact"},
],
},
{
items: [
{
label: "Instagram", href: "#"},
{
label: "Facebook", href: "#"},
{
label: "Twitter", href: "#"},
],
},
{
items: [
{
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service", href: "#"},
],
},
]}
logoText="Diamond Cafe"
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }