Update src/app/page.tsx
This commit is contained in:
362
src/app/page.tsx
362
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user