Update src/app/page.tsx
This commit is contained in:
269
src/app/page.tsx
269
src/app/page.tsx
@@ -3,11 +3,15 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
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 HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
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";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -24,71 +28,216 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="The Diamond Café & Bakery"
|
||||
/>
|
||||
</div>
|
||||
<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"},
|
||||
]}
|
||||
brandName="The Diamond Cafe & Bakery"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
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}
|
||||
/>
|
||||
</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."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gourmet-french-pastry-collection-no-people-indoors-generated-by-ai_188544-40763.jpg"
|
||||
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="About Our Bakery"
|
||||
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."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="A Tradition of Craft"
|
||||
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."]}
|
||||
/>
|
||||
</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: "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" },
|
||||
{ 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" }
|
||||
]}
|
||||
/>
|
||||
</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"},
|
||||
],
|
||||
},
|
||||
{
|
||||
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">
|
||||
<ContactCTA
|
||||
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" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
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"},
|
||||
]}
|
||||
title="Cafe Delights"
|
||||
description="Discover our most loved offerings."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="The Diamond Café & Bakery"
|
||||
columns={[{ items: [{ label: "About", href: "#about" }, { label: "Menu", href: "#menu" }, { label: "Contact", href: "#contact" }] }]}
|
||||
/>
|
||||
</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"},
|
||||
{
|
||||
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>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user