Update src/app/page.tsx
This commit is contained in:
259
src/app/page.tsx
259
src/app/page.tsx
@@ -6,7 +6,7 @@ import AboutMetric from '@/components/sections/about/AboutMetric';
|
|||||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||||
@@ -31,70 +31,24 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home",
|
{ name: "About", id: "about" },
|
||||||
id: "hero",
|
{ name: "Menu", id: "menu" },
|
||||||
},
|
{ name: "Testimonials", id: "testimonials" },
|
||||||
{
|
{ name: "Contact", id: "contact" },
|
||||||
name: "About",
|
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Menu",
|
|
||||||
id: "menu",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Testimonials",
|
|
||||||
id: "testimonials",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="iheart Café"
|
brandName="iheart Café"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardRotatedCarousel
|
<HeroSplit
|
||||||
background={{
|
|
||||||
variant: "gradient-bars",
|
|
||||||
}}
|
|
||||||
title="Pause. Sip. Smile."
|
title="Pause. Sip. Smile."
|
||||||
description="Experience the warmth of iheart Café Varanasi. From steam-punk aesthetics to freshly baked cinnamon rolls, your perfect local escape awaits."
|
description="Experience the warmth of iheart Café Varanasi. From steam-punk aesthetics to freshly baked cinnamon rolls, your perfect local escape awaits."
|
||||||
carouselItems={[
|
imageSrc="http://img.b2bpic.net/free-photo/top-view-autumn-travel-concept_23-2148610368.jpg"
|
||||||
{
|
imageAlt="iheart Café Varanasi ambiance"
|
||||||
id: "c1",
|
background={{ variant: "gradient-bars" }}
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-autumn-travel-concept_23-2148610368.jpg",
|
imagePosition="right"
|
||||||
imageAlt: "Warm cafe lighting",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "c2",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-woman-coffee-shop-holding-espresso_1303-31186.jpg",
|
|
||||||
imageAlt: "Barista coffee",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "c3",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/pillow-sofa_74190-3590.jpg",
|
|
||||||
imageAlt: "Steam-punk decor",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "c4",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-are-chatting-laughing-with-tasty-snacks-terrace_8353-10306.jpg",
|
|
||||||
imageAlt: "Happy cafe guests",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "c5",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-delicious-poppy-seed-rolls-with-sugar-glaze-basket_181624-46033.jpg",
|
|
||||||
imageAlt: "Baked goods",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "c6",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-friends-sitting-table_23-2150166169.jpg",
|
|
||||||
imageAlt: "Cafe ambiance",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -103,21 +57,9 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="A Small Pause in the Week"
|
title="A Small Pause in the Week"
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ icon: Coffee, label: "Coffee Varieties", value: "20+" },
|
||||||
icon: Coffee,
|
{ icon: Smile, label: "Happy Guests", value: "1000+" },
|
||||||
label: "Coffee Varieties",
|
{ icon: Music, label: "Live Music Sets", value: "50+" },
|
||||||
value: "20+",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: Smile,
|
|
||||||
label: "Happy Guests",
|
|
||||||
value: "1000+",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: Music,
|
|
||||||
label: "Live Music Sets",
|
|
||||||
value: "50+",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -130,48 +72,10 @@ export default function LandingPage() {
|
|||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{ id: "p1", name: "Artisan Sandwiches", price: "₹350", variant: "Savory", imageSrc: "http://img.b2bpic.net/free-photo/tofu-burger-with-vegetables-plate_1220-7119.jpg" },
|
||||||
id: "p1",
|
{ id: "p2", name: "Creamy Cheesecake", price: "₹280", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-food-concept_23-2148510822.jpg" },
|
||||||
name: "Artisan Sandwiches",
|
{ id: "p3", name: "Cinnamon Roll", price: "₹150", variant: "Pastry", imageSrc: "http://img.b2bpic.net/free-photo/top-view-homemade-cinnamon-roll-plate_23-2148543674.jpg" },
|
||||||
price: "₹350",
|
{ id: "p4", name: "Iced Latte", price: "₹220", variant: "Coffee", imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee-perfection_23-2151961357.jpg" },
|
||||||
variant: "Savory",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/tofu-burger-with-vegetables-plate_1220-7119.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p2",
|
|
||||||
name: "Creamy Cheesecake",
|
|
||||||
price: "₹280",
|
|
||||||
variant: "Dessert",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-food-concept_23-2148510822.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p3",
|
|
||||||
name: "Cinnamon Roll",
|
|
||||||
price: "₹150",
|
|
||||||
variant: "Pastry",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-homemade-cinnamon-roll-plate_23-2148543674.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p4",
|
|
||||||
name: "Iced Latte",
|
|
||||||
price: "₹220",
|
|
||||||
variant: "Coffee",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee-perfection_23-2151961357.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p5",
|
|
||||||
name: "Classic Pizza",
|
|
||||||
price: "₹450",
|
|
||||||
variant: "Main",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/cutlery-sauces-near-pizza_23-2147772096.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p6",
|
|
||||||
name: "Russian Tea",
|
|
||||||
price: "₹180",
|
|
||||||
variant: "Tea",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-composition-with-cup-tea-candles-teapot_169016-49267.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Scrumptious Delights"
|
title="Scrumptious Delights"
|
||||||
description="Hand-crafted food, fresh dough, and the finest ingredients."
|
description="Hand-crafted food, fresh dough, and the finest ingredients."
|
||||||
@@ -185,27 +89,9 @@ export default function LandingPage() {
|
|||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "m1", value: "126", title: "Customer Reviews", description: "Shared experiences", icon: MessageCircle },
|
||||||
id: "m1",
|
{ id: "m2", value: "4.7", title: "Overall Rating", description: "Highly recommended", icon: Star },
|
||||||
value: "126",
|
{ id: "m3", value: "100%", title: "Great Vibe", description: "Calm and musical", icon: Music },
|
||||||
title: "Customer Reviews",
|
|
||||||
description: "Shared experiences",
|
|
||||||
icon: MessageCircle,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m2",
|
|
||||||
value: "4.7",
|
|
||||||
title: "Overall Rating",
|
|
||||||
description: "Highly recommended",
|
|
||||||
icon: Star,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m3",
|
|
||||||
value: "100%",
|
|
||||||
title: "Great Vibe",
|
|
||||||
description: "Calm and musical",
|
|
||||||
icon: Music,
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Rated 4.7/5 by Our Community"
|
title="Rated 4.7/5 by Our Community"
|
||||||
description="Loved for our ambiance, staff, and scrumptious food."
|
description="Loved for our ambiance, staff, and scrumptious food."
|
||||||
@@ -219,46 +105,8 @@ export default function LandingPage() {
|
|||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "1", name: "Gershom Arul", role: "Local Guide", company: "Varanasi", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-listening-music-from-cell-phone-cafe_171337-19555.jpg" },
|
||||||
id: "1",
|
{ id: "2", name: "Brijesh Bind", role: "Guest", company: "Birthday Party", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-sales-person-jewelry-store_1303-30652.jpg" },
|
||||||
name: "Gershom Arul",
|
|
||||||
role: "Local Guide",
|
|
||||||
company: "Varanasi",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-listening-music-from-cell-phone-cafe_171337-19555.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
name: "Brijesh Bind",
|
|
||||||
role: "Guest",
|
|
||||||
company: "Birthday Party",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/female-sales-person-jewelry-store_1303-30652.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
name: "C Cass",
|
|
||||||
role: "Traveler",
|
|
||||||
company: "Varanasi",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happiness-leisure-lifestyle-concept-smiling-african-american-female-recreates-cafe-restaurant-eats-delicious-dessert-drinks-cocktail-happy-have-pleasant-conversation-with-interlocutor_273609-2194.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
name: "Elena Smith",
|
|
||||||
role: "Foodie",
|
|
||||||
company: "Tourist",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/this-is-my-new-profile-social-network_329181-2899.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
name: "Rahul Verma",
|
|
||||||
role: "Local",
|
|
||||||
company: "Resident",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-pouring-wine-glass-his-girlfriend_23-2148435718.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="What Our Guests Say"
|
title="What Our Guests Say"
|
||||||
description="Genuine reviews from our wonderful visitors in Varanasi."
|
description="Genuine reviews from our wonderful visitors in Varanasi."
|
||||||
@@ -271,27 +119,8 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{ id: "f1", title: "Live Music", description: "Enjoy calm ambience with soul-soothing live music performances.", tag: "Vibe", imageSrc: "http://img.b2bpic.net/free-photo/woman_23-2147782046.jpg" },
|
||||||
id: "f1",
|
{ id: "f2", title: "Inclusive Space", description: "We are proud to be an LGBTQ+ friendly safe space for everyone.", tag: "Community", imageSrc: "http://img.b2bpic.net/free-photo/lesbian-couple-with-rainbow-flag_23-2149123927.jpg" },
|
||||||
title: "Live Music",
|
|
||||||
description: "Enjoy calm ambience with soul-soothing live music performances.",
|
|
||||||
tag: "Vibe",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman_23-2147782046.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "f2",
|
|
||||||
title: "Contactless Convenience",
|
|
||||||
description: "Dine-in, kerbside pickup, or no-contact delivery at your doorstep.",
|
|
||||||
tag: "Delivery",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/unpleased-young-pretty-delivery-girl-wearing-red-uniform-cap-talking-phone-holding-looking-food-containers-isolated-crimson-background-with-copy-space_141793-91064.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "f3",
|
|
||||||
title: "Inclusive Space",
|
|
||||||
description: "We are proud to be an LGBTQ+ friendly safe space for everyone.",
|
|
||||||
tag: "Community",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/lesbian-couple-with-rainbow-flag_23-2149123927.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Why Choose Us?"
|
title="Why Choose Us?"
|
||||||
description="More than just a café; it's an experience."
|
description="More than just a café; it's an experience."
|
||||||
@@ -301,9 +130,7 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCenter
|
<ContactCenter
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "plain" }}
|
||||||
variant: "plain",
|
|
||||||
}}
|
|
||||||
tag="Visit Us"
|
tag="Visit Us"
|
||||||
title="Ready for a Coffee?"
|
title="Ready for a Coffee?"
|
||||||
description="Located at Saket Nagar Colony, Naria. Open daily until 11pm (except Wednesdays). Call us at 070801 11727."
|
description="Located at Saket Nagar Colony, Naria. Open daily until 11pm (except Wednesdays). Call us at 070801 11727."
|
||||||
@@ -313,36 +140,8 @@ export default function LandingPage() {
|
|||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterSimple
|
<FooterSimple
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ title: "Quick Links", items: [{ label: "About", href: "#about" }, { label: "Menu", href: "#menu" }, { label: "Contact", href: "#contact" }] },
|
||||||
title: "Quick Links",
|
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "About",
|
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Menu",
|
|
||||||
href: "#menu",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Contact",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Legal",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Privacy Policy",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Terms of Service",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
bottomLeftText="© 2026 iheart Café Varanasi"
|
bottomLeftText="© 2026 iheart Café Varanasi"
|
||||||
bottomRightText="Crafted with care."
|
bottomRightText="Crafted with care."
|
||||||
@@ -351,4 +150,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user