Update src/app/page.tsx
This commit is contained in:
319
src/app/page.tsx
319
src/app/page.tsx
@@ -11,7 +11,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import { Coffee, Croissant, Wheat } from "lucide-react";
|
||||
import { Coffee, Croissant, Wheat, MapPin, Phone } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,340 +31,67 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="The Diamond Cafe & Bakery"
|
||||
brandName="The Diamond Café & Bakery"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Experience Artisanal Perfection"
|
||||
description="Where premium coffee meets fresh, handcrafted bakery delights in an atmosphere designed for relaxation."
|
||||
title="The Diamond Café & Bakery"
|
||||
description="Authentic flavors, artisanal bakes, and freshly brewed coffee. Located in Kasindra, Gujarat."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gourmet-french-pastry-collection-no-people-indoors-generated-by-ai_188544-40763.jpg?_wi=1"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
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">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="A Tradition of Craft"
|
||||
title="About Our Bakery"
|
||||
description={[
|
||||
"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.",
|
||||
"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."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Coffee",
|
||||
description: "Ethically sourced beans roasted to perfection.",
|
||||
icon: Coffee,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-espresso-hot-tasty-inside-white-little-plate-brown-surface_140725-14549.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-having-glass-coffee_23-2148178364.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gourmet-french-pastry-collection-no-people-indoors-generated-by-ai_188544-40763.jpg?_wi=2",
|
||||
imageAlt: "cappuccino with latte art",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-young-woman-looking-pastries-through-glass-showcase_171337-16957.jpg",
|
||||
imageAlt: "cappuccino with latte art",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-hot-chocolate-cafe_23-2149944013.jpg?_wi=1",
|
||||
imageAlt: "cappuccino with latte art",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Service"
|
||||
description="What makes The Diamond experience unique."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
title="Our Offerings"
|
||||
description="Enjoy our daily specials with an average price range of ₹1–200 per person."
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Bakery",
|
||||
name: "Butter Croissant",
|
||||
price: "$4.50",
|
||||
rating: 5,
|
||||
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",
|
||||
},
|
||||
{ id: "p1", brand: "Bakery", name: "Fresh Croissants", price: "₹80", 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", imageSrc: "http://img.b2bpic.net/free-photo/latte-art-coffee-cup_1203-3295.jpg" },
|
||||
{ id: "p3", brand: "Bakery", name: "Assorted Muffins", price: "₹90", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-delicious-dessert-blueberries-mint_23-2148718713.jpg" }
|
||||
]}
|
||||
title="Cafe Delights"
|
||||
description="Discover our most loved offerings."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
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?_wi=2",
|
||||
},
|
||||
{
|
||||
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: "#",
|
||||
},
|
||||
]}
|
||||
tag="Contact Us"
|
||||
title="Visit Us Today"
|
||||
description="Ground Floor, Kavya Villa, Dholka-Ahmedabad Highway, Kasindra, Gujarat | Call: 083201 23185"
|
||||
buttons={[{ text: "Call Now", href: "tel:08320123185" }, { text: "Get Directions", href: "#" }]}
|
||||
background={{ variant: "plain" }}
|
||||
/>
|
||||
</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"
|
||||
logoText="The Diamond Café & Bakery"
|
||||
columns={[{ items: [{ label: "About", href: "#about" }, { label: "Menu", href: "#menu" }, { label: "Contact", href: "#contact" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user