bender/b620f807-e8cc-45b7-a6bc-240d6891b7d6
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-06 13:40:44 +00:00
parent 4229b5abfe
commit 274ff39c8e
1 changed files with 98 additions and 196 deletions
Download Patch File Download Diff File Expand all files Collapse all files

294
src/app/page.tsx
View File

@@ -10,6 +10,7 @@ import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCa
import TeamCardOne from "@/components/sections/team/TeamCardOne";
import ContactText from "@/components/sections/contact/ContactText";
import FooterBase from "@/components/sections/footer/FooterBase";
import ProductCardThree from "@/components/sections/product/ProductCardThree";
import { Coffee, Sparkles, Leaf } from "lucide-react";
export default function HomePage() {
@@ -20,7 +21,7 @@ export default function HomePage() {
borderRadius="rounded"
contentWidth="medium"
sizing="mediumLargeSizeMediumTitles"
background="aurora"
background="circleGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="layered"
@@ -32,15 +33,13 @@ export default function HomePage() {
brandName="DH Café"
navItems={[
{ name: "Home", id: "/" },
{ name: "Menu", id: "/menu" },
{ name: "Menu", id: "menu" },
{ name: "Reservations", id: "reservations" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
]}
button={{
text: "Reserve Table",
href: "reservations",
}}
text: "Reserve Table", href: "reservations"}}
/>
</div>
@@ -52,20 +51,15 @@ export default function HomePage() {
tag="Award-Winning Café"
tagIcon={Coffee}
background={{
variant: "aurora",
}}
variant: "glowing-orb"}}
imageSrc="http://img.b2bpic.net/free-photo/close-up-barista-pouring-hot-water_23-2148865612.jpg"
imageAlt="DH Café specialty coffee and artisan desserts"
imagePosition="right"
buttons={[
{
text: "Reserve Now",
href: "reservations",
},
text: "Reserve Now", href: "reservations"},
{
text: "View Menu",
href: "/menu",
},
text: "View Menu", href: "menu"},
]}
mediaAnimation="slide-up"
tagAnimation="slide-up"
@@ -85,9 +79,7 @@ export default function HomePage() {
imageAlt="DH Café cosy interior with premium coffee bar"
buttons={[
{
text: "Learn More",
href: "#",
},
text: "Learn More", href: "#"},
]}
useInvertedBackground={false}
tagAnimation="slide-up"
@@ -95,6 +87,35 @@ export default function HomePage() {
/>
</div>
{/* Menu Section */}
<div id="menu" data-section="menu">
<ProductCardThree
title="Our Signature Offerings"
description="Explore our carefully curated menu of specialty coffees, artisan desserts, and premium beverages. Each item is crafted with precision and quality ingredients."
tag="Monthly Rotating Selection"
tagIcon={Leaf}
products={[
{
id: "1", name: "Single Origin Pour Over", price: "₹280", imageSrc: "http://img.b2bpic.net/free-photo/coffee-maker-machine-table_23-2148937233.jpg", imageAlt: "Single Origin Pour Over coffee", initialQuantity: 1,
},
{
id: "2", name: "Belgian Waffle with Berries", price: "₹320", imageSrc: "http://img.b2bpic.net/free-photo/french-wafers-with-raspberries-sprinkled-with-melted-chocolate_140725-6626.jpg", imageAlt: "Belgian Waffle with fresh berries", initialQuantity: 1,
},
{
id: "3", name: "Ceremonial Matcha Latte", price: "₹250", imageSrc: "http://img.b2bpic.net/free-photo/hot-green-tea-glass-with-cream-topped-with-green-tea-decorated-with-green-tea-powder_1150-23323.jpg", imageAlt: "Ceremonial Matcha preparation", initialQuantity: 1,
},
{
id: "4", name: "Artisan Chocolate Cake", price: "₹180", imageSrc: "http://img.b2bpic.net/free-photo/cake-slice-with-whipped-cream-plate-gift-paper-with-fork_23-2147898224.jpg", imageAlt: "Rich artisan chocolate cake slice", initialQuantity: 1,
},
]}
gridVariant="two-columns-alternating-heights"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
tagAnimation="slide-up"
/>
</div>
{/* Features Section */}
<div id="features" data-section="features">
<FeatureCardNineteen
@@ -104,34 +125,19 @@ export default function HomePage() {
features={[
{
id: 1,
tag: "Quality",
title: "Specialty Single Origin Beans",
subtitle: "Ethically sourced & expertly roasted",
description:
"Our beans are carefully selected from premium coffee regions worldwide. Each single-origin variety is roasted in-house to highlight unique flavor profiles. Updated monthly with exclusive seasonal selections.",
imageSrc:
"http://img.b2bpic.net/free-photo/brown-breakfast-drink-closeup-morning_1150-1673.jpg",
},
tag: "Quality", title: "Specialty Single Origin Beans", subtitle: "Ethically sourced & expertly roasted", description:
"Our beans are carefully selected from premium coffee regions worldwide. Each single-origin variety is roasted in-house to highlight unique flavor profiles. Updated monthly with exclusive seasonal selections.", imageSrc:
"http://img.b2bpic.net/free-photo/brown-breakfast-drink-closeup-morning_1150-1673.jpg"},
{
id: 2,
tag: "Ambiance",
title: "Cosy Neighbourhood Atmosphere",
subtitle: "Perfect for work or gatherings",
description:
"Designed as a sanctuary with warm lighting, comfortable seating, and reliable WiFi. Ideal workspace for professionals, gathering spot for friends, or quiet retreat for coffee contemplation.",
imageSrc:
"http://img.b2bpic.net/free-photo/laptop-digital-tablet-book-pot-plant-wooden-table-restaurant_23-2147936091.jpg",
},
tag: "Ambiance", title: "Cosy Neighbourhood Atmosphere", subtitle: "Perfect for work or gatherings", description:
"Designed as a sanctuary with warm lighting, comfortable seating, and reliable WiFi. Ideal workspace for professionals, gathering spot for friends, or quiet retreat for coffee contemplation.", imageSrc:
"http://img.b2bpic.net/free-photo/laptop-digital-tablet-book-pot-plant-wooden-table-restaurant_23-2147936091.jpg"},
{
id: 3,
tag: "Convenience",
title: "Easy Table Reservations",
subtitle: "Book online, WhatsApp, or call",
description:
"Reserve your table through our website, WhatsApp integration, or traditional phone booking. Real-time availability, instant confirmations, and flexible cancellation policies.",
imageSrc:
"http://img.b2bpic.net/free-photo/couple-eating-salad-browsing-streaming-service-site_23-2147930585.jpg",
},
tag: "Convenience", title: "Easy Table Reservations", subtitle: "Book online, WhatsApp, or call", description:
"Reserve your table through our website, WhatsApp integration, or traditional phone booking. Real-time availability, instant confirmations, and flexible cancellation policies.", imageSrc:
"http://img.b2bpic.net/free-photo/couple-eating-salad-browsing-streaming-service-site_23-2147930585.jpg"},
]}
textboxLayout="default"
useInvertedBackground={true}
@@ -147,25 +153,13 @@ export default function HomePage() {
tag="Performance"
metrics={[
{
id: "1",
value: "4.7/5",
description: "Average Rating",
},
id: "1", value: "4.7/5", description: "Average Rating"},
{
id: "2",
value: "137+",
description: "Happy Guests",
},
id: "2", value: "137+", description: "Happy Guests"},
{
id: "3",
value: "30-90",
description: "Minutes Average Visit",
},
id: "3", value: "30-90", description: "Minutes Average Visit"},
{
id: "4",
value: "₹200-400",
description: "Average Spend Per Person",
},
id: "4", value: "₹200-400", description: "Average Spend Per Person"},
]}
gridVariant="uniform-all-items-equal"
animationType="scale-rotate"
@@ -183,83 +177,35 @@ export default function HomePage() {
tag="Guest Reviews"
testimonials={[
{
id: "1",
name: "Sri Mahesh P, Coffee Connoisseur",
date: "Date: Recent",
title: "Variety of Coffee Options",
quote:
"This place offers variety of coffee options to choose from which changes every month. Every visit brings a new experience with their curated single-origin selections.",
tag: "Premium Line",
avatarSrc:
"http://img.b2bpic.net/free-photo/smiley-handsome-man-barber-shop_23-2148353461.jpg",
imageSrc:
"http://img.b2bpic.net/free-photo/stylish-smiling-young-woman-sitting-sofa-talking-mobile-phone-restaurant_23-2147974688.jpg",
},
id: "1", name: "Sri Mahesh P, Coffee Connoisseur", date: "Date: Recent", title: "Variety of Coffee Options", quote:
"This place offers variety of coffee options to choose from which changes every month. Every visit brings a new experience with their curated single-origin selections.", tag: "Premium Line", avatarSrc:
"http://img.b2bpic.net/free-photo/smiley-handsome-man-barber-shop_23-2148353461.jpg", imageSrc:
"http://img.b2bpic.net/free-photo/stylish-smiling-young-woman-sitting-sofa-talking-mobile-phone-restaurant_23-2147974688.jpg"},
{
id: "2",
name: "Sravan Kumar Chowdapu, Regular Guest",
date: "Date: Recent",
title: "Quality & Pricing at Best",
quote:
"Tried sandwich and pasta and coffee and chai - quality and pricing are all best. The combination of premium offerings at reasonable prices is unbeatable.",
tag: "Standard Line",
avatarSrc:
"http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
imageSrc:
"http://img.b2bpic.net/free-photo/medium-shot-smiley-people-restaurant_23-2150384832.jpg",
},
id: "2", name: "Sravan Kumar Chowdapu, Regular Guest", date: "Date: Recent", title: "Quality & Pricing at Best", quote:
"Tried sandwich and pasta and coffee and chai - quality and pricing are all best. The combination of premium offerings at reasonable prices is unbeatable.", tag: "Standard Line", avatarSrc:
"http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg", imageSrc:
"http://img.b2bpic.net/free-photo/medium-shot-smiley-people-restaurant_23-2150384832.jpg"},
{
id: "3",
name: "Sneha Tyagi, Food Blogger",
date: "Date: Recent",
title: "Complete Package",
quote:
"Food vibe service all good :) The entire experience from ambiance to service to food quality is consistently excellent.",
tag: "Standard Line",
avatarSrc:
"http://img.b2bpic.net/free-photo/expressive-woman-is-posing-house_344912-159.jpg",
imageSrc:
"http://img.b2bpic.net/free-photo/close-up-food-lover-eating_23-2149255935.jpg",
},
id: "3", name: "Sneha Tyagi, Food Blogger", date: "Date: Recent", title: "Complete Package", quote:
"Food vibe service all good :) The entire experience from ambiance to service to food quality is consistently excellent.", tag: "Standard Line", avatarSrc:
"http://img.b2bpic.net/free-photo/expressive-woman-is-posing-house_344912-159.jpg", imageSrc:
"http://img.b2bpic.net/free-photo/close-up-food-lover-eating_23-2149255935.jpg"},
{
id: "4",
name: "Rahul Deshmukh, Workspace Regular",
date: "Date: Recent",
title: "Perfect Work Café",
quote:
"The perfect balance of great coffee, comfortable seating, and friendly staff. I spend hours here working and never feel rushed.",
tag: "Standard Line",
avatarSrc:
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
imageSrc:
"http://img.b2bpic.net/free-photo/portrait-businessman-glasses-sits-cafe-with-laptop-looks-concentrated-screen-with-his-project-task-works-remotely-from-coffee-shop_1258-314727.jpg",
},
id: "4", name: "Rahul Deshmukh, Workspace Regular", date: "Date: Recent", title: "Perfect Work Café", quote:
"The perfect balance of great coffee, comfortable seating, and friendly staff. I spend hours here working and never feel rushed.", tag: "Standard Line", avatarSrc:
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageSrc:
"http://img.b2bpic.net/free-photo/portrait-businessman-glasses-sits-cafe-with-laptop-looks-concentrated-screen-with-his-project-task-works-remotely-from-coffee-shop_1258-314727.jpg"},
{
id: "5",
name: "Priya Sharma, Event Coordinator",
date: "Date: Recent",
title: "Perfect for Gatherings",
quote:
"Great spot for casual meetups and celebrations. The team accommodated our group beautifully with special arrangements and excellent hospitality.",
tag: "Standard Line",
avatarSrc:
"http://img.b2bpic.net/free-photo/vertical-shot-white-female-smiling-front-festive-cheerful_181624-7962.jpg",
imageSrc:
"http://img.b2bpic.net/free-photo/young-people-are-ordering-food-terrace-cafe-discussing-work-future-plans_8353-10105.jpg",
},
id: "5", name: "Priya Sharma, Event Coordinator", date: "Date: Recent", title: "Perfect for Gatherings", quote:
"Great spot for casual meetups and celebrations. The team accommodated our group beautifully with special arrangements and excellent hospitality.", tag: "Standard Line", avatarSrc:
"http://img.b2bpic.net/free-photo/vertical-shot-white-female-smiling-front-festive-cheerful_181624-7962.jpg", imageSrc:
"http://img.b2bpic.net/free-photo/young-people-are-ordering-food-terrace-cafe-discussing-work-future-plans_8353-10105.jpg"},
{
id: "6",
name: "Aditya Kumar, Tech Professional",
date: "Date: Recent",
title: "Hidden Gem",
quote:
"DH Café is a hidden gem in Gachibowli. Outstanding quality, incredible atmosphere, and staff who genuinely care about their customers.",
tag: "Premium Line",
avatarSrc:
"http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2623.jpg",
imageSrc:
"http://img.b2bpic.net/free-photo/low-angle-female-employees-coffee-break_23-2148347250.jpg",
},
id: "6", name: "Aditya Kumar, Tech Professional", date: "Date: Recent", title: "Hidden Gem", quote:
"DH Café is a hidden gem in Gachibowli. Outstanding quality, incredible atmosphere, and staff who genuinely care about their customers.", tag: "Premium Line", avatarSrc:
"http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2623.jpg", imageSrc:
"http://img.b2bpic.net/free-photo/low-angle-female-employees-coffee-break_23-2148347250.jpg"},
]}
textboxLayout="default"
useInvertedBackground={false}
@@ -275,33 +221,17 @@ export default function HomePage() {
tag="Our Crew"
members={[
{
id: "1",
name: "Arjun Patel",
role: "Head Barista",
imageSrc:
"http://img.b2bpic.net/free-photo/waiter-making-cup-coffee-counter-cafe_1170-562.jpg",
},
id: "1", name: "Arjun Patel", role: "Head Barista", imageSrc:
"http://img.b2bpic.net/free-photo/waiter-making-cup-coffee-counter-cafe_1170-562.jpg"},
{
id: "2",
name: "Priya Menon",
role: "Coffee Roaster",
imageSrc:
"http://img.b2bpic.net/free-photo/side-view-barista-work-with-face-protection_23-2148630857.jpg",
},
id: "2", name: "Priya Menon", role: "Coffee Roaster", imageSrc:
"http://img.b2bpic.net/free-photo/side-view-barista-work-with-face-protection_23-2148630857.jpg"},
{
id: "3",
name: "Vikram Singh",
role: "Pastry Chef",
imageSrc:
"http://img.b2bpic.net/free-photo/male-baker-holding-handful-wheat-grain-baked-bread_23-2147883453.jpg",
},
id: "3", name: "Vikram Singh", role: "Pastry Chef", imageSrc:
"http://img.b2bpic.net/free-photo/male-baker-holding-handful-wheat-grain-baked-bread_23-2147883453.jpg"},
{
id: "4",
name: "Neha Gupta",
role: "Café Manager",
imageSrc:
"http://img.b2bpic.net/free-photo/medium-shot-smiley-small-business-owner_23-2149434553.jpg",
},
id: "4", name: "Neha Gupta", role: "Café Manager", imageSrc:
"http://img.b2bpic.net/free-photo/medium-shot-smiley-small-business-owner_23-2149434553.jpg"},
]}
gridVariant="four-items-2x2-equal-grid"
animationType="slide-up"
@@ -318,17 +248,12 @@ export default function HomePage() {
animationType="entrance-slide"
buttons={[
{
text: "Reserve Table",
href: "reservations",
},
text: "Reserve Table", href: "reservations"},
{
text: "Contact Us",
href: "#",
},
text: "Contact Us", href: "#"},
]}
background={{
variant: "plain",
}}
variant: "plain"}}
useInvertedBackground={false}
/>
</div>
@@ -340,58 +265,35 @@ export default function HomePage() {
copyrightText="© 2025 DH Café. All rights reserved. Better coffee for more people."
columns={[
{
title: "Quick Links",
items: [
title: "Quick Links", items: [
{
label: "Menu",
href: "/menu",
},
label: "Menu", href: "menu"},
{
label: "Reservations",
href: "reservations",
},
label: "Reservations", href: "reservations"},
{
label: "About Us",
href: "#",
},
label: "About Us", href: "about"},
{
label: "Contact",
href: "#",
},
label: "Contact", href: "contact"},
],
},
{
title: "Locations",
items: [
title: "Locations", items: [
{
label: "Gachibowli",
href: "#",
},
label: "Gachibowli", href: "#"},
{
label: "Sarath City Capital Mall, Kondapur",
href: "#",
},
label: "Sarath City Capital Mall, Kondapur", href: "#"},
{
label: "Jayabheri Pine Valley Colony",
href: "#",
},
label: "Jayabheri Pine Valley Colony", href: "#"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
{
label: "Cookie Policy",
href: "#",
},
label: "Cookie Policy", href: "#"},
],
},
]}