Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| c7f865c9d9 |
171
src/app/page.tsx
171
src/app/page.tsx
@@ -2,12 +2,14 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -28,11 +30,14 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Ambience", id: "ambience"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="CCC Hyderabad"
|
||||
/>
|
||||
@@ -40,14 +45,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Experience the Authentic Taste of Chikmagalur"
|
||||
description="Premium Coffee. Cozy Vibes. Unforgettable Moments."
|
||||
buttons={[
|
||||
{ text: "Visit Us Today", href: "#contact" },
|
||||
{ text: "View Menu", href: "#menu" }
|
||||
{
|
||||
text: "Visit Us Today", href: "#contact"},
|
||||
{
|
||||
text: "View Menu", href: "#menu"},
|
||||
{
|
||||
text: "Order Now", href: "#"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-maker-machine-table_23-2148937222.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-maker-machine-table_23-2148937222.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -58,10 +68,24 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", brand: "CCC Signature", name: "Hazelnut Coffee", price: "₹180", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-beer-wheat-seeds-cup_23-2148726871.jpg" },
|
||||
{ id: "p2", brand: "CCC Signature", name: "Irish Cream Coffee", price: "₹190", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/traditional-irish-cream-coffee-liqueur-with-ice-wooden-table_123827-29678.jpg" },
|
||||
{ id: "p3", brand: "CCC Classic", name: "Classic Cold Coffee", price: "₹160", rating: 4, reviewCount: "210", imageSrc: "http://img.b2bpic.net/plastic-glass-iced-coffee-with-cake-table-coffee-shop_1150-8932.jpg" },
|
||||
{ id: "p4", brand: "CCC Authentic", name: "Chikmagalur Filter", price: "₹90", rating: 5, reviewCount: "500", imageSrc: "http://img.b2bpic.net/free-photo/cup-tea-teacup-pastry-wooden-plate_114579-72195.jpg" }
|
||||
{
|
||||
id: "p1", brand: "CCC Signature", name: "Hazelnut Coffee", price: "₹180", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-beer-wheat-seeds-cup_23-2148726871.jpg"},
|
||||
{
|
||||
id: "p2", brand: "CCC Signature", name: "Irish Cream Coffee", price: "₹190", rating: 5,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/traditional-irish-cream-coffee-liqueur-with-ice-wooden-table_123827-29678.jpg"},
|
||||
{
|
||||
id: "p3", brand: "CCC Classic", name: "Classic Cold Coffee", price: "₹160", rating: 4,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/plastic-glass-iced-coffee-with-cake-table-coffee-shop_1150-8932.jpg"},
|
||||
{
|
||||
id: "p4", brand: "CCC Authentic", name: "Chikmagalur Filter", price: "₹90", rating: 5,
|
||||
reviewCount: "500", imageSrc: "http://img.b2bpic.net/free-photo/cup-tea-teacup-pastry-wooden-plate_114579-72195.jpg"},
|
||||
{
|
||||
id: "p5", brand: "Snacks", name: "Vada Pav", price: "₹70", rating: 4,
|
||||
reviewCount: "340", imageSrc: "http://img.b2bpic.net/free-photo/woman-takes-grilled-salmon-with-homemade-potato-eggplant-bell-pepper-mushroom-tomato-side-view_141793-3242.jpg"},
|
||||
{
|
||||
id: "p6", brand: "Snacks", name: "Veg Nuggets", price: "₹120", rating: 4,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-snacks-popcorn-rusks-cips-dark-surface_140725-90983.jpg"},
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Hand-picked offerings for the true coffee connoisseur."
|
||||
@@ -72,44 +96,123 @@ export default function LandingPage() {
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Why Chikmagalur Coffee Cafe?"
|
||||
description={["Authentic, hand-picked coffee beans from the heart of Chikmagalur plantations.", "A peaceful, cozy sanctuary designed for conversations and lingering moments."]}
|
||||
description={[
|
||||
"Authentic, hand-picked coffee beans from the heart of Chikmagalur plantations.", "Premium, luxurious taste that remains perfectly affordable for every coffee lover.", "A peaceful, cozy sanctuary designed for conversations, groups, and lingering moments.", "Warm, friendly service that makes every visit feel like returning home."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="ambience" data-section="ambience">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "Environment", content: "Our cafe offers a casual, cozy environment suitable for friends and groups to unwind."},
|
||||
{
|
||||
id: "f2", title: "Amenities", content: "We offer NFC mobile payments, family-friendly spaces, and free street parking."},
|
||||
{
|
||||
id: "f3", title: "Dietary Options", content: "We are a 100% vegetarian cafe offering coffee, quick bites, and small plates."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/small-business-items-serving-coffee_23-2149458023.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
title="A Peaceful Place for Comfort"
|
||||
description="Our ambience is crafted to provide a tranquil escape from the bustling city of Hyderabad."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why" data-section="why">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Quality at Every Sip"
|
||||
tag="Our Highlights"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "₹1–200", description: "Affordable price per person"},
|
||||
{
|
||||
id: "m2", value: "11:30 PM", description: "Closing time daily"},
|
||||
{
|
||||
id: "m3", value: "100%", description: "Vegetarian Selection"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
title="Customer Reviews"
|
||||
description="Hear what our coffee lovers say about their experience."
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Ananya Reddy", role: "Food Blogger", testimonial: "The authentic Chikmagalur filter coffee is unmatched in Hyderabad. A must-visit!" },
|
||||
{ id: "t2", name: "Vikram Seth", role: "Architect", testimonial: "Perfect ambience for work and meetings. The coffee is consistently great." },
|
||||
{ id: "t3", name: "Sneha P.", role: "Student", testimonial: "My go-to spot for late-night coffee and snacks with friends." }
|
||||
{
|
||||
id: "t1", name: "Ananya Reddy", role: "Food Blogger", company: "Hyderabad Eats", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg"},
|
||||
{
|
||||
id: "t2", name: "Vikram Seth", role: "Architect", company: "Manikonda", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-sitting-cafe-smiling-drinking-coffee_176420-12326.jpg"},
|
||||
{
|
||||
id: "t3", name: "Sneha P.", role: "Student", company: "Local Regular", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-tea-while-man-taking-order_23-2147775866.jpg"},
|
||||
{
|
||||
id: "t4", name: "Rahul & Friends", role: "Group", company: "Hangout Crew", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-friendly-meeting-college-students-their-free-time-cozy-restaurant_8353-10254.jpg"},
|
||||
{
|
||||
id: "t5", name: "Kavita Rao", role: "Tech Professional", company: "Coffee Enthusiast", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-photo-camera-sitting-blanket-with-pillows_23-2147911499.jpg"},
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="The real experience behind the aroma."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Find Us"
|
||||
title="Get Location & Hours"
|
||||
description="Located at SR Builders, The Prime Building, Road No. 1, Manikonda, Hyderabad. Open daily until 11:30 PM. We look forward to serving you!"
|
||||
buttons={[{ text: "Get Location & Hours" }]}
|
||||
background={{ variant: "plain" }}
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="Visit Today & Taste the Difference"
|
||||
description="SR Builders, The Prime Building, Road No. 1, Mahalneknapur, Manikonda, Hyderabad. Call 081060 06180."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/color-breakfast-outdoors-glass-white_1127-2375.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="Enter your email for updates"
|
||||
buttonText="Get Location & Hours"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
logoText="CCC Hyderabad"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-maker-machine-table_23-2148937222.jpg?_wi=2"
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "#" }, { label: "Menu", href: "#menu" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }] }
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Menu", href: "#menu"},
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Location", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Opening Hours", items: [
|
||||
{
|
||||
label: "Open Daily", href: "#"},
|
||||
{
|
||||
label: "Closes at 11:30 PM", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "081060 06180", href: "tel:08106006180"},
|
||||
{
|
||||
label: "Manikonda, Hyderabad", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="CCC Hyderabad"
|
||||
copyrightText="© 2025 | Chikmagalur Coffee Cafe"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user