Merge version_1 into main #2
164
src/app/page.tsx
164
src/app/page.tsx
@@ -9,7 +9,7 @@ import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll'
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { MapPin } from "lucide-react";
|
||||
import { MapPin, Zap, Coffee, Smartphone, Flame } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="The Dark Cafe AI"
|
||||
/>
|
||||
@@ -53,21 +45,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Coffee, Elevated by AI."
|
||||
description="Experience the perfect brew crafted by intelligence. The Dark Cafe combines artisanal tradition with the precision of modern AI for an unforgettable experience."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6716.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6716.jpg"
|
||||
imageAlt="The Dark Cafe minimalist interior"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Menu", href: "#menu"},
|
||||
{
|
||||
text: "Book a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book a Table", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -79,24 +66,16 @@ export default function LandingPage() {
|
||||
description="We are revolutionizing the way you enjoy your daily cup. By integrating predictive AI with our classic heritage, we ensure every drink is exactly as you like it, every single time."
|
||||
metrics={[
|
||||
{
|
||||
value: "4.9",
|
||||
title: "Customer Rating",
|
||||
},
|
||||
value: "4.9", title: "Customer Rating"},
|
||||
{
|
||||
value: "34+",
|
||||
title: "Verified Reviews",
|
||||
},
|
||||
value: "34+", title: "Verified Reviews"},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Service Accuracy",
|
||||
},
|
||||
value: "100%", title: "Service Accuracy"},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "AI Support",
|
||||
},
|
||||
value: "24/7", title: "AI Support"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6716.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6716.jpg"
|
||||
imageAlt="The Dark Cafe futuristic coffee brewing"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -108,33 +87,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "AI-Crafted Profiles",
|
||||
description: "Personalized blends that adapt to your taste palette.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6716.jpg?_wi=3",
|
||||
imageAlt: "minimalist modern cafe interior",
|
||||
},
|
||||
title: "AI-Crafted Profiles", description: "Personalized blends that adapt to your taste palette.", buttonIcon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6716.jpg", imageAlt: "minimalist modern cafe interior"},
|
||||
{
|
||||
title: "Smart Atmosphere",
|
||||
description: "Intelligent lighting and sound adjustments for peak relaxation.",
|
||||
buttonIcon: "Coffee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hot-cup-coffee_53876-123577.jpg",
|
||||
imageAlt: "perfectly brewed coffee cup",
|
||||
},
|
||||
title: "Smart Atmosphere", description: "Intelligent lighting and sound adjustments for peak relaxation.", buttonIcon: Coffee,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hot-cup-coffee_53876-123577.jpg", imageAlt: "perfectly brewed coffee cup"},
|
||||
{
|
||||
title: "Seamless Ordering",
|
||||
description: "Order via app and pick up without any wait.",
|
||||
buttonIcon: "Smartphone",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-lady-jacket-white-pants-drinking-coffee-outside-short-haired-woman-with-bag-eyeglasses-posing-with-phone_197531-19322.jpg?_wi=1",
|
||||
imageAlt: "happy cafe customer portrait",
|
||||
},
|
||||
title: "Seamless Ordering", description: "Order via app and pick up without any wait.", buttonIcon: Smartphone,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-lady-jacket-white-pants-drinking-coffee-outside-short-haired-woman-with-bag-eyeglasses-posing-with-phone_197531-19322.jpg", imageAlt: "happy cafe customer portrait"},
|
||||
{
|
||||
title: "Precision Roasting",
|
||||
description: "AI-monitored heat curves for consistent flavor profiles.",
|
||||
buttonIcon: "Flame",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5369.jpg?_wi=1",
|
||||
imageAlt: "satisfied business professional",
|
||||
},
|
||||
title: "Precision Roasting", description: "AI-monitored heat curves for consistent flavor profiles.", buttonIcon: Flame,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5369.jpg", imageAlt: "satisfied business professional"},
|
||||
]}
|
||||
title="Why The Dark Cafe?"
|
||||
description="Smarter coffee, faster service, and a truly comfortable atmosphere."
|
||||
@@ -148,40 +111,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Never Settle",
|
||||
role: "Guest",
|
||||
testimonial: "The service is also good and they'll hear your requests and are quite friendly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-lady-jacket-white-pants-drinking-coffee-outside-short-haired-woman-with-bag-eyeglasses-posing-with-phone_197531-19322.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Never Settle", role: "Guest", testimonial: "The service is also good and they'll hear your requests and are quite friendly.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-lady-jacket-white-pants-drinking-coffee-outside-short-haired-woman-with-bag-eyeglasses-posing-with-phone_197531-19322.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jakkala Kiran",
|
||||
role: "Visitor",
|
||||
testimonial: "Nice atmosphere for eating.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5369.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Jakkala Kiran", role: "Visitor", testimonial: "Nice atmosphere for eating.", imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5369.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "SREENADH KUNCHAM",
|
||||
role: "Regular",
|
||||
testimonial: "Coffee tea food all verities all available here",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-gorgeous-young-female-feels-happy-coffee-shop_273609-2792.jpg",
|
||||
},
|
||||
id: "3", name: "SREENADH KUNCHAM", role: "Regular", testimonial: "Coffee tea food all verities all available here", imageSrc: "http://img.b2bpic.net/free-photo/positive-gorgeous-young-female-feels-happy-coffee-shop_273609-2792.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Anonymous",
|
||||
role: "Visitor",
|
||||
testimonial: "A truly modern experience in the heart of Hyderabad.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-enjoying-cup-coffee_23-2148560465.jpg",
|
||||
},
|
||||
id: "4", name: "Anonymous", role: "Visitor", testimonial: "A truly modern experience in the heart of Hyderabad.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-enjoying-cup-coffee_23-2148560465.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Rahul P.",
|
||||
role: "Tech Professional",
|
||||
testimonial: "The AI recommendations are spot on. It's like my own personal barista.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-lady-jacket-white-pants-drinking-coffee-outside-short-haired-woman-with-bag-eyeglasses-posing-with-phone_197531-19322.jpg?_wi=3",
|
||||
},
|
||||
id: "5", name: "Rahul P.", role: "Tech Professional", testimonial: "The AI recommendations are spot on. It's like my own personal barista.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-lady-jacket-white-pants-drinking-coffee-outside-short-haired-woman-with-bag-eyeglasses-posing-with-phone_197531-19322.jpg"},
|
||||
]}
|
||||
title="Voices of the Cafe"
|
||||
description="What our customers are saying about the AI-enhanced experience."
|
||||
@@ -194,32 +132,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Where are you located?",
|
||||
content: "Kuntloor Rd, Kolan Shiva Reddy Nagar, Hayathnagar_Khalsa, Hyderabad, Telangana 501505.",
|
||||
},
|
||||
id: "f1", title: "Where are you located?", content: "Kuntloor Rd, Kolan Shiva Reddy Nagar, Hayathnagar_Khalsa, Hyderabad, Telangana 501505."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What are your hours?",
|
||||
content: "We are open daily and close at 11:00 PM.",
|
||||
},
|
||||
id: "f2", title: "What are your hours?", content: "We are open daily and close at 11:00 PM."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What is the average price?",
|
||||
content: "Our menu ranges from ₹1 to ₹200 per person.",
|
||||
},
|
||||
id: "f3", title: "What is the average price?", content: "Our menu ranges from ₹1 to ₹200 per person."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Do you offer parking?",
|
||||
content: "Yes, we have ample parking space available for all visitors.",
|
||||
},
|
||||
id: "f4", title: "Do you offer parking?", content: "Yes, we have ample parking space available for all visitors."},
|
||||
]}
|
||||
ctaTitle="Visit Us Today"
|
||||
ctaDescription="Join us at The Dark Cafe for an experience that blends intelligence with the finest ingredients."
|
||||
ctaButton={{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Get Directions", href: "#"}}
|
||||
ctaIcon={MapPin}
|
||||
/>
|
||||
</div>
|
||||
@@ -230,33 +154,21 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#",
|
||||
},
|
||||
label: "Home", href: "#"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#",
|
||||
},
|
||||
label: "Menu", href: "#"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Directions",
|
||||
href: "#",
|
||||
},
|
||||
label: "Directions", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user