Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
2026-04-24 08:39:58 +00:00

View File

@@ -28,373 +28,168 @@ export default function LandingPage() {
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "home",
},
{
name: "Menu",
id: "menu",
},
{
name: "Reserve",
id: "contact",
},
]}
brandName="CAFÉ MICO"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "home" },
{ name: "Menu", id: "menu" },
{ name: "Reserve", id: "contact" }
]}
brandName="CAFÉ MICO"
button={{ text: "Order Now", href: "#menu" }}
/>
</div>
<div id="home" data-section="home">
<HeroCentered
background={{
variant: "gradient-bars",
}}
title="Hyderabads Favorite Rooftop Café Experience"
description="Indulge in artisanal coffees, handcrafted pizzas, and exquisite pasta in the heart of Dilsukhnagar. Your perfect hangout spot awaits."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/laugh-is-way-happiness_329181-2893.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-happy-beautiful-european-woman-sitting-cafe-enjoying-cup_1258-205211.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/friends-cooking-together-barbecue_23-2149071400.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/stylish-young-woman-using-digital-tablet-restaurant-table_23-2147936094.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/full-shot-friends-sitting-together_23-2149241597.jpg",
alt: "Customer",
},
]}
buttons={[
{
text: "Call Now",
href: "tel:+919876543210",
},
{
text: "Reserve Table",
href: "#contact",
},
]}
marqueeItems={[
{
type: "text",
text: "Artisanal Coffee",
},
{
type: "text",
text: "Handcrafted Pizza",
},
{
type: "text",
text: "Rooftop Views",
},
{
type: "text",
text: "Cozy Atmosphere",
},
{
type: "text",
text: "Dilsukhnagar's Best",
},
]}
/>
</div>
<div id="home" data-section="home">
<HeroCentered
background={{ variant: "gradient-bars" }}
title="Hyderabads Favorite Rooftop Café Experience"
description="Indulge in artisanal coffees, handcrafted pizzas, and exquisite pasta in the heart of Dilsukhnagar. Your perfect hangout spot awaits."
avatars={[
{ src: "http://img.b2bpic.net/free-photo/laugh-is-way-happiness_329181-2893.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-happy-beautiful-european-woman-sitting-cafe-enjoying-cup_1258-205211.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/friends-cooking-together-barbecue_23-2149071400.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/stylish-young-woman-using-digital-tablet-restaurant-table_23-2147936094.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/full-shot-friends-sitting-together_23-2149241597.jpg", alt: "Customer" }
]}
buttons={[
{ text: "Call Now", href: "tel:+919876543210" },
{ text: "Reserve Table", href: "#contact" }
]}
marqueeItems={[
{ type: "text", text: "Artisanal Coffee" },
{ type: "text", text: "Handcrafted Pizza" },
{ type: "text", text: "Rooftop Views" },
{ type: "text", text: "Cozy Atmosphere" },
{ type: "text", text: "Dilsukhnagar's Best" }
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Discover the CAFÉ MICO Difference",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/3d-rendering-wooden-house_23-2151264479.jpg",
alt: "Our Ambience",
},
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{ type: "text", content: "Discover the CAFÉ MICO Difference" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/3d-rendering-wooden-house_23-2151264479.jpg", alt: "Our Ambience" }
]}
/>
</div>
<div id="features-vibe" data-section="features-vibe">
<FeatureCardTwentySeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Rooftop Evenings",
descriptions: [
"Enjoy open-air seating under the city lights.",
],
imageSrc: "http://img.b2bpic.net/free-photo/dining-room-background-zoom-calls_23-2149684443.jpg",
},
{
id: "f2",
title: "Cozy Indoor Lounge",
descriptions: [
"Relax in our thoughtfully designed indoor sanctuary.",
],
imageSrc: "http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg?_wi=1",
},
{
id: "f3",
title: "Instagrammable Corners",
descriptions: [
"Capture every memory with our aesthetic decor.",
],
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-arranging-table-restaurant_23-2147936228.jpg",
},
]}
title="Experience the Ambience"
description="Whether it's an evening under the stars on our rooftop or a cozy chat in our indoor lounge, we define the perfect café vibe."
/>
</div>
<div id="features-vibe" data-section="features-vibe">
<FeatureCardTwentySeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ id: "f1", title: "Rooftop Evenings", descriptions: ["Enjoy open-air seating under the city lights."], imageSrc: "http://img.b2bpic.net/free-photo/dining-room-background-zoom-calls_23-2149684443.jpg" },
{ id: "f2", title: "Cozy Indoor Lounge", descriptions: ["Relax in our thoughtfully designed indoor sanctuary."], imageSrc: "http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg" },
{ id: "f3", title: "Instagrammable Corners", descriptions: ["Capture every memory with our aesthetic decor."], imageSrc: "http://img.b2bpic.net/free-photo/young-woman-arranging-table-restaurant_23-2147936228.jpg" }
]}
title="Experience the Ambience"
description="Whether it's an evening under the stars on our rooftop or a cozy chat in our indoor lounge, we define the perfect café vibe."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardFour
animationType="scale-rotate"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Cappuccino Latte",
price: "₹199",
variant: "Classic",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cup-coffee-latte-art-woman-hand-coffee-shop-cafe_1150-10238.jpg?_wi=1",
},
{
id: "p2",
name: "Mexican Pizza",
price: "₹349",
variant: "Best Seller",
imageSrc: "http://img.b2bpic.net/free-photo/sliced-pizza-with-ranch-sauce-making-dough-with-flour-eggs_114579-2605.jpg?_wi=1",
},
{
id: "p3",
name: "Alfredo Pasta",
price: "₹299",
variant: "Popular",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-raw-pasta-different-shapes-types-as-spaghetti-yellow-pasta-nest-with-quail-eggs-cooked-farfalle-pasta-bowl-spaghetti-pasta-black-platter-with-sket_141793-3354.jpg?_wi=1",
},
{
id: "p4",
name: "Iced Americano",
price: "₹179",
variant: "Refreshing",
imageSrc: "http://img.b2bpic.net/free-photo/brown-brew-maker-jar-freshness_1203-3928.jpg",
},
{
id: "p5",
name: "Veg Delight Pizza",
price: "₹329",
variant: "Classic",
imageSrc: "http://img.b2bpic.net/free-photo/slice-pizza-hand-closeup-selective-focus-lunch-time-tratoria-delicious-pizza-with-sundried-tomatoes-with-mozzarella-cheese-cut-into-slices-lunch-pizzeria_166373-3656.jpg",
},
{
id: "p6",
name: "Pink Sauce Pasta",
price: "₹319",
variant: "Premium",
imageSrc: "http://img.b2bpic.net/free-photo/truffle-dish-arrangement-top-view_23-2149525180.jpg",
},
]}
title="Handcrafted Menu Highlights"
description="From steaming lattes to gourmet thin-crust pizzas, discover the flavors that define us."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardFour
animationType="scale-rotate"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Cappuccino Latte", price: "₹199", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cup-coffee-latte-art-woman-hand-coffee-shop-cafe_1150-10238.jpg" },
{ id: "p2", name: "Mexican Pizza", price: "₹349", variant: "Best Seller", imageSrc: "http://img.b2bpic.net/free-photo/sliced-pizza-with-ranch-sauce-making-dough-with-flour-eggs_114579-2605.jpg" },
{ id: "p3", name: "Alfredo Pasta", price: "₹299", variant: "Popular", imageSrc: "http://img.b2bpic.net/free-photo/top-view-raw-pasta-different-shapes-types-as-spaghetti-yellow-pasta-nest-with-quail-eggs-cooked-farfalle-pasta-bowl-spaghetti-pasta-black-platter-with-sket_141793-3354.jpg" },
{ id: "p4", name: "Iced Americano", price: "₹179", variant: "Refreshing", imageSrc: "http://img.b2bpic.net/free-photo/brown-brew-maker-jar-freshness_1203-3928.jpg" },
{ id: "p5", name: "Veg Delight Pizza", price: "₹329", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/slice-pizza-hand-closeup-selective-focus-lunch-time-tratoria-delicious-pizza-with-sundried-tomatoes-with-mozzarella-cheese-cut-into-slices-lunch-pizzeria_166373-3656.jpg" },
{ id: "p6", name: "Pink Sauce Pasta", price: "₹319", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/truffle-dish-arrangement-top-view_23-2149525180.jpg" }
]}
title="Handcrafted Menu Highlights"
description="From steaming lattes to gourmet thin-crust pizzas, discover the flavors that define us."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
date: "Oct 2023",
title: "Great Vibe",
quote: "Amazing ambience, perfect for photos!",
tag: "Regular",
avatarSrc: "http://img.b2bpic.net/free-photo/electronic-gadgets-people-comfort-relaxation-concept-pretty-girl-with-cute-smile-enjoying-phone-call-speaking-boyfriend-while-drinking-morning-coffee-sitting-white-table-with-mug_343059-2083.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg?_wi=2",
imageAlt: "happy customer laughing cafe",
},
{
id: "2",
name: "Michael C.",
date: "Sep 2023",
title: "Top Notch",
quote: "The pasta here is absolutely delicious.",
tag: "Foodie",
avatarSrc: "http://img.b2bpic.net/free-photo/young-women-eating-dessert-cafe_23-2147785297.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-wooden-house_23-2151264479.jpg",
imageAlt: "happy customer laughing cafe",
},
{
id: "3",
name: "Emily R.",
date: "Aug 2023",
title: "Date Night",
quote: "Perfect spot for evening dates with friends.",
tag: "Guest",
avatarSrc: "http://img.b2bpic.net/free-photo/friends-cooking-together-barbecue_23-2149071391.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cup-coffee-latte-art-woman-hand-coffee-shop-cafe_1150-10238.jpg?_wi=2",
imageAlt: "happy customer laughing cafe",
},
{
id: "4",
name: "David K.",
date: "Jul 2023",
title: "Hangout Spot",
quote: "Great hangout spot with nice staff.",
tag: "Local",
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-wife-husband-look-phone-while-having-dinner-hipster-pub_482257-18636.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/sliced-pizza-with-ranch-sauce-making-dough-with-flour-eggs_114579-2605.jpg?_wi=2",
imageAlt: "happy customer laughing cafe",
},
{
id: "5",
name: "Priya S.",
date: "Jun 2023",
title: "Coffee Lover",
quote: "Best coffee in Dilsukhnagar, hands down.",
tag: "Regular",
avatarSrc: "http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16129.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-raw-pasta-different-shapes-types-as-spaghetti-yellow-pasta-nest-with-quail-eggs-cooked-farfalle-pasta-bowl-spaghetti-pasta-black-platter-with-sket_141793-3354.jpg?_wi=2",
imageAlt: "happy customer laughing cafe",
},
]}
title="Loved by Our Community"
description="Don't just take our word for it—join the thousands of happy guests who call us home."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Sarah J.", date: "Oct 2023", title: "Great Vibe", quote: "Amazing ambience, perfect for photos!", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/electronic-gadgets-people-comfort-relaxation-concept-pretty-girl-with-cute-smile-enjoying-phone-call-speaking-boyfriend-while-drinking-morning-coffee-sitting-white-table-with-mug_343059-2083.jpg", imageSrc: "http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg", imageAlt: "happy customer laughing cafe" },
{ id: "2", name: "Michael C.", date: "Sep 2023", title: "Top Notch", quote: "The pasta here is absolutely delicious.", tag: "Foodie", avatarSrc: "http://img.b2bpic.net/free-photo/young-women-eating-dessert-cafe_23-2147785297.jpg", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-wooden-house_23-2151264479.jpg", imageAlt: "happy customer laughing cafe" },
{ id: "3", name: "Emily R.", date: "Aug 2023", title: "Date Night", quote: "Perfect spot for evening dates with friends.", tag: "Guest", avatarSrc: "http://img.b2bpic.net/free-photo/friends-cooking-together-barbecue_23-2149071391.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cup-coffee-latte-art-woman-hand-coffee-shop-cafe_1150-10238.jpg", imageAlt: "happy customer laughing cafe" },
{ id: "4", name: "David K.", date: "Jul 2023", title: "Hangout Spot", quote: "Great hangout spot with nice staff.", tag: "Local", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-wife-husband-look-phone-while-having-dinner-hipster-pub_482257-18636.jpg", imageSrc: "http://img.b2bpic.net/free-photo/sliced-pizza-with-ranch-sauce-making-dough-with-flour-eggs_114579-2605.jpg", imageAlt: "happy customer laughing cafe" },
{ id: "5", name: "Priya S.", date: "Jun 2023", title: "Coffee Lover", quote: "Best coffee in Dilsukhnagar, hands down.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16129.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-raw-pasta-different-shapes-types-as-spaghetti-yellow-pasta-nest-with-quail-eggs-cooked-farfalle-pasta-bowl-spaghetti-pasta-black-platter-with-sket_141793-3354.jpg", imageAlt: "happy customer laughing cafe" }
]}
title="Loved by Our Community"
description="Don't just take our word for it—join the thousands of happy guests who call us home."
/>
</div>
<div id="why-us" data-section="why-us">
<MetricCardTwo
animationType="depth-3d"
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "1,700+",
description: "Happy Reviews",
},
{
id: "m2",
value: "4.3",
description: "Google Rating",
},
{
id: "m3",
value: "20+",
description: "Handcrafted Items",
},
]}
title="Why Café Mico?"
description="Excellence in every sip and every bite."
/>
</div>
<div id="why-us" data-section="why-us">
<MetricCardTwo
animationType="depth-3d"
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "1,700+", description: "Happy Reviews" },
{ id: "m2", value: "4.3", description: "Google Rating" },
{ id: "m3", value: "20+", description: "Handcrafted Items" }
]}
title="Why Café Mico?"
description="Excellence in every sip and every bite."
/>
</div>
<div id="location" data-section="location">
<FaqBase
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Where are you located?",
content: "We are located at Dilsukhnagar, Hyderabad, just a 5-minute walk from the metro station.",
},
{
id: "q2",
title: "What are your hours?",
content: "We are open daily from 11:00 AM to 11:00 PM.",
},
{
id: "q3",
title: "Do you offer delivery?",
content: "Yes, order via our partners like Swiggy and Zomato.",
},
]}
title="Find Us"
description="Easily accessible near the Dilsukhnagar Metro station."
faqsAnimation="slide-up"
/>
</div>
<div id="location" data-section="location">
<FaqBase
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "Where are you located?", content: "We are located at Dilsukhnagar, Hyderabad, just a 5-minute walk from the metro station." },
{ id: "q2", title: "What are your hours?", content: "We are open daily from 11:00 AM to 11:00 PM." },
{ id: "q3", title: "Do you offer delivery?", content: "Yes, order via our partners like Swiggy and Zomato." }
]}
title="Find Us"
description="Easily accessible near the Dilsukhnagar Metro station."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Reservations"
title="Reserve Your Table Today"
description="Have a large group or special event? Reach out and we'll save the spot."
imageSrc="http://img.b2bpic.net/free-photo/woman-blue-hat-sits-windowsill-cafe_8353-194.jpg"
mediaAnimation="slide-up"
buttonText="Book Now"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Reservations"
title="Reserve Your Table Today"
description="Have a large group or special event? Reach out and we'll save the spot."
imageSrc="http://img.b2bpic.net/free-photo/woman-blue-hat-sits-windowsill-cafe_8353-194.jpg"
mediaAnimation="slide-up"
buttonText="Book Now"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Contact",
items: [
{
label: "Call: +91 98765 43210",
href: "tel:+919876543210",
},
{
label: "Email: hello@cafemico.in",
href: "mailto:hello@cafemico.in",
},
],
},
{
title: "Links",
items: [
{
label: "View Menu",
href: "#menu",
},
{
label: "Reservations",
href: "#contact",
},
{
label: "Instagram",
href: "https://instagram.com",
},
],
},
]}
bottomLeftText="© 2024 Café Mico. All rights reserved."
bottomRightText="Dilsukhnagar, Hyderabad"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Contact", items: [
{ label: "Call: +91 98765 43210", href: "tel:+919876543210" },
{ label: "Email: hello@cafemico.in", href: "mailto:hello@cafemico.in" }
]
},
{ title: "Links", items: [
{ label: "View Menu", href: "#menu" },
{ label: "Reservations", href: "#contact" },
{ label: "Instagram", href: "https://instagram.com" }
]
}
]}
bottomLeftText="© 2024 Café Mico. All rights reserved."
bottomRightText="Dilsukhnagar, Hyderabad"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}