Merge version_3 into main #2
291
src/app/page.tsx
291
src/app/page.tsx
@@ -2,14 +2,12 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
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 TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -30,22 +28,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Ambience",
|
||||
id: "ambience",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="CCC Hyderabad"
|
||||
/>
|
||||
@@ -53,26 +40,14 @@ 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: "Order Now",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Visit Us Today", href: "#contact" },
|
||||
{ text: "View Menu", href: "#menu" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-maker-machine-table_23-2148937222.jpg"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-maker-machine-table_23-2148937222.jpg?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -83,60 +58,10 @@ 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/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",
|
||||
},
|
||||
{ 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" }
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Hand-picked offerings for the true coffee connoisseur."
|
||||
@@ -147,191 +72,47 @@ export default function LandingPage() {
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Why Chikmagalur Coffee Cafe?"
|
||||
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"
|
||||
description={["Authentic, hand-picked coffee beans from the heart of Chikmagalur plantations.", "A peaceful, cozy sanctuary designed for conversations and lingering moments."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
<TestimonialCardTwo
|
||||
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",
|
||||
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",
|
||||
},
|
||||
{ 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." }
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="The real experience behind the aroma."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
<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" }}
|
||||
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 Directions"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
<FooterMedia
|
||||
logoText="CCC Hyderabad"
|
||||
copyrightText="© 2025 | Chikmagalur Coffee Cafe"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-maker-machine-table_23-2148937222.jpg?_wi=2"
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "#" }, { label: "Menu", href: "#menu" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user