bender/6affa694-bea7-4fa8-adf1-e683044d2f64
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-14 01:33:36 +00:00
parent 89bf4da6f8
commit dafc022e43
1 changed files with 34 additions and 328 deletions
Download Patch File Download Diff File Expand all files Collapse all files

362
src/app/page.tsx
View File

@@ -8,9 +8,10 @@ import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { MapPin, Coffee, Calendar, Phone } from "lucide-react";
export default function LandingPage() {
return (
@@ -28,24 +29,12 @@ export default function LandingPage() {
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Menu",
id: "menu",
},
{
name: "Visit",
id: "visit",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Menu", id: "menu" },
{ name: "Visit", id: "visit" },
]}
brandName="The Old Roastery"
/>
@@ -54,82 +43,22 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Coffee, Comfort, and Conversations That Linger."
description="Your favorite destination for artisan coffee, delicious comfort food, and warm, memorable moments in the heart of Vesu, Surat."
kpis={[
{
value: "4.8+",
label: "Rated Stars",
},
{
value: "Late",
label: "Open Hours",
},
{
value: "Vesu",
label: "Location",
},
{ value: "4.8+", label: "Rated Stars" },
{ value: "Late", label: "Open Hours" },
{ value: "Vesu", label: "Location" },
]}
enableKpiAnimation={true}
buttons={[
{
text: "View Menu",
href: "#menu",
},
{
text: "Reserve Table",
href: "#visit",
},
{ text: "View Menu", href: "#menu" },
{ text: "Reserve Table", href: "#visit" },
]}
imageSrc="http://img.b2bpic.net/free-photo/still-life-with-iced-coffee-beverage_23-2149648703.jpg"
imageAlt="The Old Roastery Cafe interior"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12094.jpg",
alt: "Happy regular",
},
{
src: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-indoor_344912-743.jpg",
alt: "Happy regular",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-happy-woman-with-cup-coffee_23-2147925425.jpg",
alt: "Happy regular",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-kebab_23-2148773545.jpg",
alt: "Happy regular",
},
{
src: "http://img.b2bpic.net/free-photo/positive-customer-approving-new-offer_1262-17151.jpg",
alt: "Happy regular",
},
]}
marqueeItems={[
{
type: "text",
text: "Premium Roast",
},
{
type: "text",
text: "Artisan Pizza",
},
{
type: "text",
text: "Late Night Vibes",
},
{
type: "text",
text: "Cozy Ambience",
},
{
type: "text",
text: "Vesu's Best",
},
]}
/>
</div>
@@ -139,18 +68,9 @@ export default function LandingPage() {
title="Brewed for Slow Moments, Served for Surat"
description="The Old Roastery is more than just a cafe; it's a neighborhood sanctuary in Vesu. Built around a passion for quality coffee and flavorful comfort food, we offer a relaxed urban atmosphere perfect for everything from quick caffeine fixes to leisurely late-evening dinners with friends."
metrics={[
{
value: "Fresh",
title: "Artisan Coffee",
},
{
value: "Handmade",
title: "Comfort Food",
},
{
value: "Cozy",
title: "Social Ambiance",
},
{ value: "Fresh", title: "Artisan Coffee" },
{ value: "Handmade", title: "Comfort Food" },
{ value: "Cozy", title: "Social Ambiance" },
]}
imageSrc="http://img.b2bpic.net/free-photo/group-friends-having-coffee_23-2148395337.jpg"
imageAlt="Inside The Old Roastery atmosphere"
@@ -160,66 +80,16 @@ export default function LandingPage() {
</div>
<div id="menu" data-section="menu">
<ProductCardTwo
<ProductCardFour
animationType="slide-up"
textboxLayout="split-description"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true}
products={[
{
id: "1",
brand: "Appetizer",
name: "Mexican Nachos Supreme",
price: "₹280",
rating: 5,
reviewCount: "1.2k",
imageSrc: "http://img.b2bpic.net/free-photo/mexican-nachos-tortilla-chips-with-black-beans-guacamole-tomato-jalapeno-isolated-white-background_123827-20275.jpg",
},
{
id: "2",
brand: "Snack",
name: "Garlic French Fries",
price: "₹190",
rating: 5,
reviewCount: "890",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-fried-potatoes-inside-plate-with-seasonings-dark-surface_140725-88255.jpg",
},
{
id: "3",
brand: "Coffee",
name: "Classic Cold Coffee",
price: "₹220",
rating: 5,
reviewCount: "2.1k",
imageSrc: "http://img.b2bpic.net/free-photo/cup-black-coffee_1339-7163.jpg",
},
{
id: "4",
brand: "Dessert",
name: "Biscoff Cheesecake",
price: "₹250",
rating: 5,
reviewCount: "950",
imageSrc: "http://img.b2bpic.net/free-photo/classic-cheesecake-chopped-strawberries-icing-sugar_140725-9385.jpg",
},
{
id: "5",
brand: "Main",
name: "Artisan Pizza Selection",
price: "₹450",
rating: 5,
reviewCount: "1.5k",
imageSrc: "http://img.b2bpic.net/free-photo/view-tasty-food-assortment_23-2148601664.jpg",
},
{
id: "6",
brand: "Healthy",
name: "Avocado Quinoa Bhel",
price: "₹310",
rating: 5,
reviewCount: "620",
imageSrc: "http://img.b2bpic.net/free-photo/tuna-meat-eggs-with-fresh-vegetable-salad_74190-6187.jpg",
},
{ id: "1", name: "Mexican Nachos Supreme", price: "₹280", variant: "Appetizer", imageSrc: "http://img.b2bpic.net/free-photo/mexican-nachos-tortilla-chips-with-black-beans-guacamole-tomato-jalapeno-isolated-white-background_123827-20275.jpg" },
{ id: "2", name: "Garlic French Fries", price: "₹190", variant: "Snack", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-fried-potatoes-inside-plate-with-seasonings-dark-surface_140725-88255.jpg" },
{ id: "3", name: "Classic Cold Coffee", price: "₹220", variant: "Coffee", imageSrc: "http://img.b2bpic.net/free-photo/cup-black-coffee_1339-7163.jpg" },
{ id: "4", name: "Biscoff Cheesecake", price: "₹250", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/classic-cheesecake-chopped-strawberries-icing-sugar_140725-9385.jpg" },
]}
title="Signature Menu Highlights"
description="Indulge in our most-loved dishes, crafted to perfection for every palate."
@@ -232,36 +102,9 @@ export default function LandingPage() {
textboxLayout="split-description"
useInvertedBackground={false}
features={[
{
id: "f1",
label: "Vibe",
title: "Unmatched Ambience",
items: [
"Soft evening lighting",
"Cozy conversational booths",
"Music that lets you talk",
],
},
{
id: "f2",
label: "Food",
title: "Flavorful Comfort",
items: [
"Freshly baked thin-crust pizza",
"Crispy herb-salted fries",
"Handcrafted desserts",
],
},
{
id: "f3",
label: "Service",
title: "Warm Hospitality",
items: [
"Quick and friendly service",
"Passionate staff",
"Attention to detail",
],
},
{ id: "f1", label: "Vibe", title: "Unmatched Ambience", items: ["Soft evening lighting", "Cozy conversational booths", "Music that lets you talk"] },
{ id: "f2", label: "Food", title: "Flavorful Comfort", items: ["Freshly baked thin-crust pizza", "Crispy herb-salted fries", "Handcrafted desserts"] },
{ id: "f3", label: "Service", title: "Warm Hospitality", items: ["Quick and friendly service", "Passionate staff", "Attention to detail"] },
]}
title="Why Our Guests Love Us"
description="Experience the unique blend of quality, service, and warmth that makes us Surat's favorite urban hangout."
@@ -276,66 +119,8 @@ export default function LandingPage() {
title="Cafe Moments"
description="A glimpse into the cozy corners, evening vibes, and artisan creations at The Old Roastery."
blogs={[
{
id: "b1",
category: "Interior",
title: "Cozy Morning Corner",
excerpt: "Start your day right in our favorite corner.",
imageSrc: "http://img.b2bpic.net/free-photo/assortment-coffee-beans_53876-41429.jpg",
authorName: "Admin",
authorAvatar: "https://i.pravatar.cc/150?u=1",
date: "Jan 1",
},
{
id: "b2",
category: "Social",
title: "Friends at Night",
excerpt: "The perfect spot for evening catch-ups.",
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-playing-laughing_1098-12946.jpg",
authorName: "Admin",
authorAvatar: "https://i.pravatar.cc/150?u=2",
date: "Jan 2",
},
{
id: "b3",
category: "Vibe",
title: "Evening Lighting",
excerpt: "Atmosphere like no other in Vesu.",
imageSrc: "http://img.b2bpic.net/free-photo/penne-pasta-cooked-tomato-sauce_114579-1752.jpg",
authorName: "Admin",
authorAvatar: "https://i.pravatar.cc/150?u=3",
date: "Jan 3",
},
{
id: "b4",
category: "Food",
title: "Artisan Pours",
excerpt: "Every cup crafted with passion.",
imageSrc: "http://img.b2bpic.net/free-photo/cream-liquer_23-2148014925.jpg",
authorName: "Admin",
authorAvatar: "https://i.pravatar.cc/150?u=4",
date: "Jan 4",
},
{
id: "b5",
category: "Social",
title: "Late Night Vibe",
excerpt: "Conversations that linger.",
imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-6420.jpg",
authorName: "Admin",
authorAvatar: "https://i.pravatar.cc/150?u=5",
date: "Jan 5",
},
{
id: "b6",
category: "Interior",
title: "Booth Comfort",
excerpt: "Relax and unwind in comfort.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bouquet-flowers-wooden-table_181624-18937.jpg",
authorName: "Admin",
authorAvatar: "https://i.pravatar.cc/150?u=6",
date: "Jan 6",
},
{ id: "b1", category: "Interior", title: "Cozy Morning Corner", excerpt: "Start your day right in our favorite corner.", imageSrc: "http://img.b2bpic.net/free-photo/assortment-coffee-beans_53876-41429.jpg", authorName: "Admin", authorAvatar: "https://i.pravatar.cc/150?u=1", date: "Jan 1" },
{ id: "b2", category: "Social", title: "Friends at Night", excerpt: "The perfect spot for evening catch-ups.", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-playing-laughing_1098-12946.jpg", authorName: "Admin", authorAvatar: "https://i.pravatar.cc/150?u=2", date: "Jan 2" },
]}
/>
</div>
@@ -346,28 +131,7 @@ export default function LandingPage() {
testimonial="The Old Roastery is my go-to for coffee and fries! The ambience is absolutely perfect for hanging out with friends late at night. Service is always fast and polite."
rating={5}
author="Priya Shah"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-female-drinking-coffee_1153-5927.jpg",
alt: "Customer 1",
},
{
src: "http://img.b2bpic.net/free-photo/brunette-girl-giving-thumb-up_23-2147650951.jpg",
alt: "Customer 2",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-asian-barista-girl-giving-takeaway-coffee-cup-prepare-takeout-order-guest-cafe-wearing_1258-199322.jpg",
alt: "Customer 3",
},
{
src: "http://img.b2bpic.net/free-photo/two-young-beautiful-smiling-hipster-girls-trendy-summer-clothes-carefree-women-chatting-veranda-terrace-cafe-drinking-coffee-positive-models-having-fun-communicating_158538-15930.jpg",
alt: "Customer 4",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-pleased-young-caucasian-woman-round-transparent-glasses-holds-hot-takeaway-coffee_273609-17948.jpg",
alt: "Customer 5",
},
]}
avatars={[]}
ratingAnimation="blur-reveal"
avatarsAnimation="slide-up"
/>
@@ -376,23 +140,11 @@ export default function LandingPage() {
<div id="visit" data-section="visit">
<ContactText
useInvertedBackground={true}
background={{
variant: "rotated-rays-animated-grid",
}}
background={{ variant: "rotated-rays-animated-grid" }}
text="Visit us at Vacanza Trade Center, near BB Club Circle, Vesu, Surat. Open late daily."
buttons={[
{
text: "Get Directions",
href: "#",
},
{
text: "Book Table",
href: "#",
},
{
text: "WhatsApp Us",
href: "#",
},
{ text: "Get Directions", href: "#" },
{ text: "Book Table", href: "#" },
]}
/>
</div>
@@ -401,58 +153,12 @@ export default function LandingPage() {
<FooterBaseReveal
logoText="The Old Roastery"
columns={[
{
title: "Navigation",
items: [
{
label: "Menu",
href: "#menu",
},
{
label: "About",
href: "#about",
},
{
label: "Visit",
href: "#visit",
},
],
},
{
title: "Reserve & Order",
items: [
{
label: "Zomato",
href: "#",
},
{
label: "Swiggy",
href: "#",
},
{
label: "EazyDiner",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Use",
href: "#",
},
],
},
{ title: "Navigation", items: [{ label: "Menu", href: "#menu" }, { label: "About", href: "#about" }, { label: "Visit", href: "#visit" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] },
]}
copyrightText="© 2024 The Old Roastery. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}