Merge version_1 into main #2
348
src/app/page.tsx
348
src/app/page.tsx
@@ -25,252 +25,120 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Visit",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="COFFIZZA"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Visit", id: "contact" },
|
||||
]}
|
||||
brandName="COFFIZZA"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
background="aurora"
|
||||
logoText="COFFIZZA"
|
||||
description="Jalandhar’s Favorite Café for Coffee, Food & Chill Vibes ☕🍕. 4.9⭐ Rated | Dine-in • Delivery • Pickup"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:07780000084",
|
||||
},
|
||||
{
|
||||
text: "Order Online",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Book Table",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
layoutOrder="default"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcdtEQ4osi41Z2I8DF8SkwA3Z/appetizing-professional-photography-of-a-1774608397012-36fadc6c.png"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
logoText="COFFIZZA"
|
||||
description="Jalandhar’s Favorite Café for Coffee, Food & Chill Vibes ☕🍕. 4.9⭐ Rated | Dine-in • Delivery • Pickup"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
buttons={[
|
||||
{ text: "Call Now", href: "tel:07780000084" },
|
||||
{ text: "Order Online", href: "#" },
|
||||
{ text: "Book Table", href: "#contact" },
|
||||
]}
|
||||
layoutOrder="default"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcdtEQ4osi41Z2I8DF8SkwA3Z/appetizing-professional-photography-of-a-1774608397012-36fadc6c.png"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Signature Coffee",
|
||||
price: "₹200",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcdtEQ4osi41Z2I8DF8SkwA3Z/latte-art-in-a-ceramic-mug-aesthetic-bac-1774608396844-b3e87f2a.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Margherita Pizza",
|
||||
price: "₹350",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcdtEQ4osi41Z2I8DF8SkwA3Z/artisan-pizza-on-a-wooden-peel-warm-ligh-1774608396759-cb4366d9.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Crispy Fries",
|
||||
price: "₹250",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcdtEQ4osi41Z2I8DF8SkwA3Z/bowl-of-crispy-fries-delicious-snacks-ru-1774608396942-33103bd1.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Veggie Delight",
|
||||
price: "₹380",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcdtEQ4osi41Z2I8DF8SkwA3Z/artisan-pizza-on-a-wooden-peel-warm-ligh-1774608396759-cb4366d9.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Cold Brew",
|
||||
price: "₹220",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcdtEQ4osi41Z2I8DF8SkwA3Z/latte-art-in-a-ceramic-mug-aesthetic-bac-1774608396844-b3e87f2a.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Classic Snacks",
|
||||
price: "₹280",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcdtEQ4osi41Z2I8DF8SkwA3Z/bowl-of-crispy-fries-delicious-snacks-ru-1774608396942-33103bd1.png?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="Discover our handcrafted selection of delicious bites and premium brews."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Signature Coffee", price: "₹200", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcdtEQ4osi41Z2I8DF8SkwA3Z/latte-art-in-a-ceramic-mug-aesthetic-bac-1774608396844-b3e87f2a.png" },
|
||||
{ id: "2", name: "Margherita Pizza", price: "₹350", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcdtEQ4osi41Z2I8DF8SkwA3Z/artisan-pizza-on-a-wooden-peel-warm-ligh-1774608396759-cb4366d9.png" },
|
||||
{ id: "3", name: "Crispy Fries", price: "₹250", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcdtEQ4osi41Z2I8DF8SkwA3Z/bowl-of-crispy-fries-delicious-snacks-ru-1774608396942-33103bd1.png" },
|
||||
{ id: "4", name: "Veggie Delight", price: "₹380", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcdtEQ4osi41Z2I8DF8SkwA3Z/artisan-pizza-on-a-wooden-peel-warm-ligh-1774608396759-cb4366d9.png" },
|
||||
{ id: "5", name: "Cold Brew", price: "₹220", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcdtEQ4osi41Z2I8DF8SkwA3Z/latte-art-in-a-ceramic-mug-aesthetic-bac-1774608396844-b3e87f2a.png" },
|
||||
{ id: "6", name: "Classic Snacks", price: "₹280", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcdtEQ4osi41Z2I8DF8SkwA3Z/bowl-of-crispy-fries-delicious-snacks-ru-1774608396942-33103bd1.png" },
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="Discover our handcrafted selection of delicious bites and premium brews."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Rahul Verma",
|
||||
role: "Food Blogger",
|
||||
testimonial: "Best café in town! The coffee is absolutely divine.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcdtEQ4osi41Z2I8DF8SkwA3Z/portrait-of-a-happy-young-adult-natural--1774608396874-9ffe9d9e.png",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sneha Kapoor",
|
||||
role: "Local Resident",
|
||||
testimonial: "Amazing ambiance & food. Perfect for dates.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcdtEQ4osi41Z2I8DF8SkwA3Z/portrait-of-a-friendly-family-dining-can-1774608397312-c0367e46.png",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Amit Singh",
|
||||
role: "Student",
|
||||
testimonial: "My favorite place to chill and study. Great service!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcdtEQ4osi41Z2I8DF8SkwA3Z/portrait-of-a-young-woman-enjoying-coffe-1774608399029-9fe1d836.png",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Priya Sharma",
|
||||
role: "Artist",
|
||||
testimonial: "Love the vibes. The pizza is authentic and tasty.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcdtEQ4osi41Z2I8DF8SkwA3Z/portrait-of-a-relaxed-young-man-modern-c-1774608398024-6645555b.png",
|
||||
},
|
||||
]}
|
||||
title="Customer Reviews"
|
||||
description="4.9⭐ Rating from over 100+ happy food lovers!"
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Rahul Verma", role: "Food Blogger", testimonial: "Best café in town! The coffee is absolutely divine.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcdtEQ4osi41Z2I8DF8SkwA3Z/portrait-of-a-happy-young-adult-natural--1774608396874-9ffe9d9e.png" },
|
||||
{ id: "2", name: "Sneha Kapoor", role: "Local Resident", testimonial: "Amazing ambiance & food. Perfect for dates.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcdtEQ4osi41Z2I8DF8SkwA3Z/portrait-of-a-friendly-family-dining-can-1774608397312-c0367e46.png" },
|
||||
{ id: "3", name: "Amit Singh", role: "Student", testimonial: "My favorite place to chill and study. Great service!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcdtEQ4osi41Z2I8DF8SkwA3Z/portrait-of-a-young-woman-enjoying-coffe-1774608399029-9fe1d836.png" },
|
||||
{ id: "4", name: "Priya Sharma", role: "Artist", testimonial: "Love the vibes. The pizza is authentic and tasty.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcdtEQ4osi41Z2I8DF8SkwA3Z/portrait-of-a-relaxed-young-man-modern-c-1774608398024-6645555b.png" },
|
||||
]}
|
||||
title="Customer Reviews"
|
||||
description="4.9⭐ Rating from over 100+ happy food lovers!"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="trust" data-section="trust">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "Speed",
|
||||
title: "Fast Service",
|
||||
subtitle: "Hot food, quickly served.",
|
||||
description: "We value your time as much as your tastebuds.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcdtEQ4osi41Z2I8DF8SkwA3Z/modern-cafe-interior-warm-lighting-cozy--1774608398343-a2eb0069.png",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
tag: "Vibe",
|
||||
title: "Cozy Ambience",
|
||||
subtitle: "Perfect for chilling.",
|
||||
description: "Designed for maximum comfort and relaxation.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcdtEQ4osi41Z2I8DF8SkwA3Z/rustic-cafe-decor-warm-atmosphere-1774608397204-47f82a13.png",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
tag: "Value",
|
||||
title: "Fair Pricing",
|
||||
subtitle: "Quality at great value.",
|
||||
description: "Premium experience without the premium price tag.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcdtEQ4osi41Z2I8DF8SkwA3Z/modern-cafe-espresso-machine-detail-1774608397053-16925b05.png",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="We strive to offer a perfect experience every time you visit us."
|
||||
/>
|
||||
</div>
|
||||
<div id="trust" data-section="trust">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: 1, tag: "Speed", title: "Fast Service", subtitle: "Hot food, quickly served.", description: "We value your time as much as your tastebuds.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcdtEQ4osi41Z2I8DF8SkwA3Z/modern-cafe-interior-warm-lighting-cozy--1774608398343-a2eb0069.png" },
|
||||
{ id: 2, tag: "Vibe", title: "Cozy Ambience", subtitle: "Perfect for chilling.", description: "Designed for maximum comfort and relaxation.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcdtEQ4osi41Z2I8DF8SkwA3Z/rustic-cafe-decor-warm-atmosphere-1774608397204-47f82a13.png" },
|
||||
{ id: 3, tag: "Value", title: "Fair Pricing", subtitle: "Quality at great value.", description: "Premium experience without the premium price tag.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcdtEQ4osi41Z2I8DF8SkwA3Z/modern-cafe-espresso-machine-detail-1774608397053-16925b05.png" },
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="We strive to offer a perfect experience every time you visit us."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Reserve Your Table"
|
||||
description="SCO 203, Gujral Nagar, Jalandhar. Book a table now for a cozy experience."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "guests",
|
||||
type: "number",
|
||||
placeholder: "Number of Guests",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "date",
|
||||
type: "date",
|
||||
placeholder: "Date",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "notes",
|
||||
placeholder: "Special requests?",
|
||||
rows: 4,
|
||||
}}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcdtEQ4osi41Z2I8DF8SkwA3Z/minimalist-map-pin-icon-on-a-clean-backg-1774608397666-a5421136.png"
|
||||
mediaPosition="right"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Reserve Your Table"
|
||||
description="SCO 203, Gujral Nagar, Jalandhar. Book a table now for a cozy experience."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
|
||||
{ name: "guests", type: "number", placeholder: "Number of Guests", required: true },
|
||||
{ name: "date", type: "date", placeholder: "Date", required: true },
|
||||
]}
|
||||
textarea={{ name: "notes", placeholder: "Special requests?", rows: 4 }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcdtEQ4osi41Z2I8DF8SkwA3Z/minimalist-map-pin-icon-on-a-clean-backg-1774608397666-a5421136.png"
|
||||
mediaPosition="right"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Call: 07780000084",
|
||||
href: "tel:07780000084",
|
||||
},
|
||||
{
|
||||
label: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Full Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Book Table",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="COFFIZZA"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "Call: 07780000084", href: "tel:07780000084" },
|
||||
{ label: "Visit Us", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Full Menu", href: "#menu" },
|
||||
{ label: "Book Table", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="COFFIZZA"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user