|
|
|
|
@@ -8,9 +8,11 @@ import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
|
|
|
|
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
|
|
|
|
|
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
|
|
|
|
|
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
|
|
|
|
|
import ContactText from "@/components/sections/contact/ContactText";
|
|
|
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
|
|
|
import { Coffee, Heart, Sparkles, Star, CheckCircle } from "lucide-react";
|
|
|
|
|
import BlogCardThree from "@/components/sections/blog/BlogCardThree";
|
|
|
|
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
|
|
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
|
|
|
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
|
|
|
|
import { Coffee, Heart, Sparkles, Star, CheckCircle, MapPin, Phone, Clock } from "lucide-react";
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
return (
|
|
|
|
|
@@ -33,10 +35,12 @@ export default function LandingPage() {
|
|
|
|
|
{ name: "Menu", id: "menu" },
|
|
|
|
|
{ name: "About", id: "about" },
|
|
|
|
|
{ name: "Reviews", id: "testimonials" },
|
|
|
|
|
{ name: "Gallery", id: "gallery" },
|
|
|
|
|
{ name: "Contact", id: "contact" },
|
|
|
|
|
]}
|
|
|
|
|
button={{
|
|
|
|
|
text: "Order Now", href: "https://swiggy.com"}}
|
|
|
|
|
text: "Order Now", href: "https://swiggy.com"
|
|
|
|
|
}}
|
|
|
|
|
animateOnLoad={true}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
@@ -54,16 +58,19 @@ export default function LandingPage() {
|
|
|
|
|
{ text: "Visit Us", href: "#contact" },
|
|
|
|
|
]}
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-young-african-business-woman-wear-blue-blouse-skirt-sitting-cafe_627829-782.jpg"
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-young-african-business-woman-wear-blue-blouse-skirt-sitting-cafe_627829-782.jpg?_wi=1"
|
|
|
|
|
imageAlt="Warm and welcoming café interior with premium seating"
|
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
avatars={[
|
|
|
|
|
{
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/successful-expert_1098-14503.jpg", alt: "Satisfied customer 1"},
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/successful-expert_1098-14503.jpg", alt: "Satisfied customer 1"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/business-man-smiling-portrait_23-2149280769.jpg", alt: "Satisfied customer 2"},
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/business-man-smiling-portrait_23-2149280769.jpg", alt: "Satisfied customer 2"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/young-woman-sitting-library_273609-15839.jpg", alt: "Satisfied customer 3"},
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/young-woman-sitting-library_273609-15839.jpg", alt: "Satisfied customer 3"
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
avatarText="Trusted by 10,000+ coffee enthusiasts"
|
|
|
|
|
ariaLabel="Café Coffee Day hero section"
|
|
|
|
|
@@ -92,11 +99,14 @@ export default function LandingPage() {
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
products={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", name: "Cappuccino Coffee", price: "₹120", imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee-cup_1203-7770.jpg", imageAlt: "Premium cappuccino with perfect latte art"},
|
|
|
|
|
id: "1", name: "Cappuccino Coffee", price: "₹120", imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee-cup_1203-7770.jpg?_wi=1", imageAlt: "Premium cappuccino with perfect latte art"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", name: "Cold Café Mocha", price: "₹140", imageSrc: "http://img.b2bpic.net/free-photo/glass-with-milk-chocolate_23-2148937239.jpg", imageAlt: "Refreshing cold mocha coffee"},
|
|
|
|
|
id: "2", name: "Cold Café Mocha", price: "₹140", imageSrc: "http://img.b2bpic.net/free-photo/glass-with-milk-chocolate_23-2148937239.jpg?_wi=1", imageAlt: "Refreshing cold mocha coffee"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", name: "Hot Chocolate", price: "₹110", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-3806.jpg", imageAlt: "Premium hot chocolate comfort drink"},
|
|
|
|
|
id: "3", name: "Hot Chocolate", price: "₹110", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-3806.jpg", imageAlt: "Premium hot chocolate comfort drink"
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
gridVariant="three-columns-all-equal-width"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
@@ -113,9 +123,11 @@ export default function LandingPage() {
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
metrics={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", value: "4.1★", description: "Consistently rated by 2,618+ satisfied customers for exceptional service and quality beverages"},
|
|
|
|
|
id: "1", value: "4.1★", description: "Consistently rated by 2,618+ satisfied customers for exceptional service and quality beverages"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", value: "100%", description: "Premium, ethically-sourced coffee beans selected for superior taste and freshness"},
|
|
|
|
|
id: "2", value: "100%", description: "Premium, ethically-sourced coffee beans selected for superior taste and freshness"
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
metricsAnimation="slide-up"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
@@ -132,13 +144,17 @@ export default function LandingPage() {
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
testimonials={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", title: "Outstanding Service & Ambiance", quote: "The service and staff were outstanding, and we truly appreciated the experience. The café atmosphere is warm and welcoming, perfect for both meetings and casual hangouts.", name: "Priya Sharma", role: "Regular Customer", imageSrc: "http://img.b2bpic.net/free-photo/successful-expert_1098-14503.jpg", imageAlt: "Priya Sharma customer portrait"},
|
|
|
|
|
id: "1", title: "Outstanding Service & Ambiance", quote: "The service and staff were outstanding, and we truly appreciated the experience. The café atmosphere is warm and welcoming, perfect for both meetings and casual hangouts.", name: "Priya Sharma", role: "Regular Customer", imageSrc: "http://img.b2bpic.net/free-photo/successful-expert_1098-14503.jpg", imageAlt: "Priya Sharma customer portrait"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", title: "Perfect Coffee Every Time", quote: "Their baristas are true artists. Every cappuccino is perfectly crafted with attention to detail. I've been a loyal customer for years and the quality never disappoints.", name: "Rajesh Kumar", role: "Coffee Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/business-man-smiling-portrait_23-2149280769.jpg", imageAlt: "Rajesh Kumar customer portrait"},
|
|
|
|
|
id: "2", title: "Perfect Coffee Every Time", quote: "Their baristas are true artists. Every cappuccino is perfectly crafted with attention to detail. I've been a loyal customer for years and the quality never disappoints.", name: "Rajesh Kumar", role: "Coffee Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/business-man-smiling-portrait_23-2149280769.jpg", imageAlt: "Rajesh Kumar customer portrait"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", title: "Convenient & Accessible", quote: "Located at a great spot on Race Course Road, easily accessible by road. The service is quick and the prices are fair for the quality offered. Highly recommended!", name: "Anjali Patel", role: "Professional", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-library_273609-15839.jpg", imageAlt: "Anjali Patel customer portrait"},
|
|
|
|
|
id: "3", title: "Convenient & Accessible", quote: "Located at a great spot on Race Course Road, easily accessible by road. The service is quick and the prices are fair for the quality offered. Highly recommended!", name: "Anjali Patel", role: "Professional", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-library_273609-15839.jpg", imageAlt: "Anjali Patel customer portrait"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4", title: "A Hidden Gem", quote: "Best coffee shop in the area with a comfortable seating arrangement. The staff is courteous and the ambiance is perfect for working or meeting friends. Worth every visit!", name: "Vivek Menon", role: "Local Resident", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-smiling-camera_23-2148238839.jpg", imageAlt: "Vivek Menon customer portrait"},
|
|
|
|
|
id: "4", title: "A Hidden Gem", quote: "Best coffee shop in the area with a comfortable seating arrangement. The staff is courteous and the ambiance is perfect for working or meeting friends. Worth every visit!", name: "Vivek Menon", role: "Local Resident", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-smiling-camera_23-2148238839.jpg", imageAlt: "Vivek Menon customer portrait"
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
@@ -148,6 +164,31 @@ export default function LandingPage() {
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
|
|
|
<BlogCardThree
|
|
|
|
|
title="Café Gallery"
|
|
|
|
|
description="Explore the warm ambiance and beautiful moments from our café"
|
|
|
|
|
tag="Visual Tour"
|
|
|
|
|
tagIcon={Sparkles}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
blogs={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", category: "Interior Design", title: "Cozy Seating Spaces", excerpt: "Our thoughtfully designed seating areas provide the perfect environment for work, meetings, or relaxation with premium comfort", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-african-business-woman-wear-blue-blouse-skirt-sitting-cafe_627829-782.jpg?_wi=2", imageAlt: "Cozy café seating area", authorName: "Café Coffee Day", authorAvatar: "http://img.b2bpic.net/free-photo/successful-expert_1098-14503.jpg", date: "15 Jan 2025"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", category: "Craft & Art", title: "Expert Latte Art", excerpt: "Our baristas create beautiful latte art on every specialty coffee, turning each cup into a masterpiece", imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee-cup_1203-7770.jpg?_wi=2", imageAlt: "Beautiful latte art", authorName: "Café Coffee Day", authorAvatar: "http://img.b2bpic.net/free-photo/business-man-smiling-portrait_23-2149280769.jpg", date: "12 Jan 2025"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", category: "Ambiance", title: "Perfect Meeting Spot", excerpt: "Ideal location for business meetings, casual hangouts, or quality time with friends and family", imageSrc: "http://img.b2bpic.net/free-photo/glass-with-milk-chocolate_23-2148937239.jpg?_wi=2", imageAlt: "Café meeting space", authorName: "Café Coffee Day", authorAvatar: "http://img.b2bpic.net/free-photo/young-woman-sitting-library_273609-15839.jpg", date: "10 Jan 2025"
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
ariaLabel="Café gallery section"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="features" data-section="features">
|
|
|
|
|
<FeatureCardSixteen
|
|
|
|
|
title="Why Choose Café Coffee Day?"
|
|
|
|
|
@@ -157,11 +198,13 @@ export default function LandingPage() {
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
negativeCard={{
|
|
|
|
|
items: [
|
|
|
|
|
"Inconsistent coffee quality", "Limited menu options", "Uncomfortable seating", "Poor customer service", "Overpriced beverages"],
|
|
|
|
|
"Inconsistent coffee quality", "Limited menu options", "Uncomfortable seating", "Poor customer service", "Overpriced beverages"
|
|
|
|
|
],
|
|
|
|
|
}}
|
|
|
|
|
positiveCard={{
|
|
|
|
|
items: [
|
|
|
|
|
"Premium, consistently excellent coffee", "Diverse specialty menu offerings", "Comfortable, welcoming ambiance", "Outstanding, attentive staff", "Fair pricing with superior quality", "Prime accessible location", "LGBTQ+ friendly community"],
|
|
|
|
|
"Premium, consistently excellent coffee", "Diverse specialty menu offerings", "Comfortable, welcoming ambiance", "Outstanding, attentive staff", "Fair pricing with superior quality", "Prime accessible location", "LGBTQ+ friendly community"
|
|
|
|
|
],
|
|
|
|
|
}}
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
@@ -171,26 +214,88 @@ export default function LandingPage() {
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactText
|
|
|
|
|
text="Ready to experience the perfect cup of coffee? Visit us today or order online through Swiggy for delivery straight to your door."
|
|
|
|
|
animationType="background-highlight"
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Order on Swiggy", href: "https://swiggy.com" },
|
|
|
|
|
{ text: "Call Us", href: "tel:+918001025093" },
|
|
|
|
|
<ContactSplitForm
|
|
|
|
|
title="Get in Touch"
|
|
|
|
|
description="Book a table, ask questions, or arrange catering for your next event. We're always happy to serve you and make your experience memorable."
|
|
|
|
|
inputs={[
|
|
|
|
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
|
|
|
|
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
|
|
|
|
{ name: "phone", type: "tel", placeholder: "Phone Number", required: false },
|
|
|
|
|
]}
|
|
|
|
|
background={{ variant: "sparkles-gradient" }}
|
|
|
|
|
textarea={{
|
|
|
|
|
name: "message", placeholder: "Tell us how we can help (e.g., table reservation, catering inquiry, or general question)...", rows: 5,
|
|
|
|
|
required: true,
|
|
|
|
|
}}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
ariaLabel="Contact and order section"
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-young-african-business-woman-wear-blue-blouse-skirt-sitting-cafe_627829-782.jpg?_wi=3"
|
|
|
|
|
imageAlt="Café interior"
|
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
mediaPosition="right"
|
|
|
|
|
buttonText="Send Message"
|
|
|
|
|
onSubmit={(data) => {
|
|
|
|
|
console.log("Form submitted:", data);
|
|
|
|
|
}}
|
|
|
|
|
ariaLabel="Contact form section"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
|
|
|
<SocialProofOne
|
|
|
|
|
title="Trusted by Coffee Lovers Everywhere"
|
|
|
|
|
description="Join thousands of satisfied customers who choose Café Coffee Day for their daily dose of excellence"
|
|
|
|
|
tag="Community"
|
|
|
|
|
tagIcon={Heart}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
names={[
|
|
|
|
|
"Coffee Enthusiasts", "Business Professionals", "Students & Creatives", "Families & Friends", "Remote Workers", "Social Gatherings"
|
|
|
|
|
]}
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
speed={40}
|
|
|
|
|
showCard={true}
|
|
|
|
|
ariaLabel="Social proof section"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterLogoReveal
|
|
|
|
|
<FooterBaseCard
|
|
|
|
|
logoText="Café Coffee Day"
|
|
|
|
|
leftLink={{
|
|
|
|
|
text: "Privacy Policy", href: "#"}}
|
|
|
|
|
rightLink={{
|
|
|
|
|
text: "Contact Us", href: "tel:+918001025093"}}
|
|
|
|
|
columns={[
|
|
|
|
|
{
|
|
|
|
|
title: "Quick Links", items: [
|
|
|
|
|
{ label: "About Us", href: "#about" },
|
|
|
|
|
{ label: "Menu", href: "#menu" },
|
|
|
|
|
{ label: "Reviews", href: "#testimonials" },
|
|
|
|
|
{ label: "Gallery", href: "#gallery" },
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Hours & Location", items: [
|
|
|
|
|
{ label: "Mon-Fri: 7:00 AM - 10:00 PM", href: "#" },
|
|
|
|
|
{ label: "Sat-Sun: 8:00 AM - 11:00 PM", href: "#" },
|
|
|
|
|
{ label: "Race Course Road", href: "#" },
|
|
|
|
|
{ label: "Call: +91-800-102-5093", href: "tel:+918001025093" },
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Follow Us", items: [
|
|
|
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
|
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
|
|
|
{ label: "Twitter", href: "https://twitter.com" },
|
|
|
|
|
{ label: "LinkedIn", href: "https://linkedin.com" },
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Services", items: [
|
|
|
|
|
{ label: "Order Online", href: "https://swiggy.com" },
|
|
|
|
|
{ label: "Corporate Catering", href: "#contact" },
|
|
|
|
|
{ label: "Private Events", href: "#contact" },
|
|
|
|
|
{ label: "Gift Cards", href: "#" },
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
copyrightText="© 2025 Café Coffee Day. All rights reserved. Crafted with passion for coffee lovers."
|
|
|
|
|
onPrivacyClick={() => console.log("Privacy policy clicked")}
|
|
|
|
|
ariaLabel="Site footer"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
