Merge version_1 into main #1
408
src/app/page.tsx
408
src/app/page.tsx
@@ -28,303 +28,133 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Visit",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Nino's"
|
||||
button={{
|
||||
text: "Order Now",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Reviews", id: "#testimonials" },
|
||||
{ name: "Visit", id: "#contact" },
|
||||
]}
|
||||
brandName="Nino's"
|
||||
button={{ text: "Order Now", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
title="Where Italian Comfort Meets Coffee Culture"
|
||||
description="Your cozy Italian-inspired destination for handcrafted pizzas, rich espresso, and unforgettable shared moments."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Order Online",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "c1",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DU0Kpi8APZVLCNkfrb24dHBOtA/uploaded-1778323388810-or50zdzc.png",
|
||||
},
|
||||
{
|
||||
id: "c2",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DU0Kpi8APZVLCNkfrb24dHBOtA/uploaded-1778323388810-5syit1cj.png",
|
||||
},
|
||||
{
|
||||
id: "c3",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DU0Kpi8APZVLCNkfrb24dHBOtA/uploaded-1778323388810-u52dqezj.png",
|
||||
},
|
||||
{
|
||||
id: "c4",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DU0Kpi8APZVLCNkfrb24dHBOtA/uploaded-1778323388810-9gihhh0y.png",
|
||||
},
|
||||
{
|
||||
id: "c5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-kitchen-prepares-pizza_1157-21841.jpg",
|
||||
},
|
||||
{
|
||||
id: "c6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-chef-baking-delicious-pizza_23-2150134281.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
title="Where Italian Comfort Meets Coffee Culture"
|
||||
description="Your cozy Italian-inspired destination for handcrafted pizzas, rich espresso, and unforgettable shared moments."
|
||||
buttons={[{ text: "View Menu", href: "#menu" }, { text: "Order Online", href: "#" }]}
|
||||
carouselItems={[
|
||||
{ id: "c1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DU0Kpi8APZVLCNkfrb24dHBOtA/uploaded-1778323388810-or50zdzc.png" },
|
||||
{ id: "c2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DU0Kpi8APZVLCNkfrb24dHBOtA/uploaded-1778323388810-5syit1cj.png" },
|
||||
{ id: "c3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DU0Kpi8APZVLCNkfrb24dHBOtA/uploaded-1778323388810-u52dqezj.png" },
|
||||
{ id: "c4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DU0Kpi8APZVLCNkfrb24dHBOtA/uploaded-1778323388810-9gihhh0y.png" },
|
||||
{ id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/chef-kitchen-prepares-pizza_1157-21841.jpg" },
|
||||
{ id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/side-view-chef-baking-delicious-pizza_23-2150134281.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Nino’s Story"
|
||||
metrics={[
|
||||
{
|
||||
icon: Coffee,
|
||||
label: "Espresso Quality",
|
||||
value: "Premium",
|
||||
},
|
||||
{
|
||||
icon: Pizza,
|
||||
label: "Stone-Baked",
|
||||
value: "Handmade",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Atmosphere",
|
||||
value: "Family-Friendly",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Nino’s Story"
|
||||
metrics={[
|
||||
{ icon: Coffee, label: "Espresso Quality", value: "Premium" },
|
||||
{ icon: Pizza, label: "Stone-Baked", value: "Handmade" },
|
||||
{ icon: Users, label: "Atmosphere", value: "Family-Friendly" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu-features" data-section="menu-features">
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Authentic Pizzas",
|
||||
description: "Stone-crafted, fresh ingredients, and perfectly crisp crusts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/amazing-young-woman-vintage-gray-hat-eating-tasty-cheesecake-with-her-little-sister-weekend-surprised-brunette-girl-enjoying-milk-shake-outdoor-cafe-while-her-pretty-mom-drinks-coffee_197531-25242.jpg",
|
||||
},
|
||||
{
|
||||
title: "Rich Espresso",
|
||||
description: "High-quality coffee beans, brewed with care for a premium experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-adults-child-outdoors_23-2149001319.jpg",
|
||||
},
|
||||
{
|
||||
title: "Family Comfort",
|
||||
description: "Cozy hangout space perfect for family dinners and evening coffee.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-pasta-ingredients-table_23-2148361339.jpg",
|
||||
},
|
||||
]}
|
||||
title="Handcrafted Flavors"
|
||||
description="Every bite tells a story. Fresh, stone-baked pizzas, authentic pasta, and carefully brewed espresso made for slow conversations."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu-features" data-section="menu-features">
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Authentic Pizzas", description: "Stone-crafted, fresh ingredients, and perfectly crisp crusts.", imageSrc: "http://img.b2bpic.net/free-photo/amazing-young-woman-vintage-gray-hat-eating-tasty-cheesecake-with-her-little-sister-weekend-surprised-brunette-girl-enjoying-milk-shake-outdoor-cafe-while-her-pretty-mom-drinks-coffee_197531-25242.jpg" },
|
||||
{ title: "Rich Espresso", description: "High-quality coffee beans, brewed with care for a premium experience.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-adults-child-outdoors_23-2149001319.jpg" },
|
||||
{ title: "Family Comfort", description: "Cozy hangout space perfect for family dinners and evening coffee.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-pasta-ingredients-table_23-2148361339.jpg" },
|
||||
]}
|
||||
title="Handcrafted Flavors"
|
||||
description="Every bite tells a story. Fresh, stone-baked pizzas, authentic pasta, and carefully brewed espresso made for slow conversations."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Margherita Pizza",
|
||||
price: "$12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/espresso-coffee-glass-wooden-table_23-2147906716.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Creamy Alfredo Pasta",
|
||||
price: "$14",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pizza-with-parmesan-cheese_23-2148753752.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Authentic Garlic Bread",
|
||||
price: "$6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/slices-bread-with-olive-oil-cloth_23-2148258727.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Golden Potato Wedges",
|
||||
price: "$7",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-fettuccini-with-chicken-plain-grey-background_140725-1642.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Italian Roast Espresso",
|
||||
price: "$4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-milkshake-glass-tray-with-coconut-copy-space_23-2148707829.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Chocolate Indulgence Shake",
|
||||
price: "$8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-yummy-pastry-dark-blue-surface_179666-44266.jpg",
|
||||
},
|
||||
]}
|
||||
title="Signature Favorites"
|
||||
description="Experience the comfort of classic Italian flavors, prepared with passion."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "Classic Margherita Pizza", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/espresso-coffee-glass-wooden-table_23-2147906716.jpg" },
|
||||
{ id: "p2", name: "Creamy Alfredo Pasta", price: "$14", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pizza-with-parmesan-cheese_23-2148753752.jpg" },
|
||||
{ id: "p3", name: "Authentic Garlic Bread", price: "$6", imageSrc: "http://img.b2bpic.net/free-photo/slices-bread-with-olive-oil-cloth_23-2148258727.jpg" },
|
||||
{ id: "p4", name: "Golden Potato Wedges", price: "$7", imageSrc: "http://img.b2bpic.net/free-photo/plate-fettuccini-with-chicken-plain-grey-background_140725-1642.jpg" },
|
||||
{ id: "p5", name: "Italian Roast Espresso", price: "$4", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-milkshake-glass-tray-with-coconut-copy-space_23-2148707829.jpg" },
|
||||
{ id: "p6", name: "Chocolate Indulgence Shake", price: "$8", imageSrc: "http://img.b2bpic.net/free-photo/front-view-yummy-pastry-dark-blue-surface_179666-44266.jpg" },
|
||||
]}
|
||||
title="Signature Favorites"
|
||||
description="Experience the comfort of classic Italian flavors, prepared with passion."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Local Resident",
|
||||
testimonial: "Unexpectedly amazing pizza! A hidden gem.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-feeding-his-girlfriend-while-having-lunch-with-friends-home_637285-3195.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael R.",
|
||||
role: "Coffee Enthusiast",
|
||||
testimonial: "The coffee quality is top-notch. Very cozy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-friends-enjoying-time-together_23-2148395394.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily P.",
|
||||
role: "Family Mom",
|
||||
testimonial: "Kids loved it. Great family-friendly vibe.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-proposing-toast-while-having-lunch-with-her-fiends-home_637285-3152.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David W.",
|
||||
role: "Regular Guest",
|
||||
testimonial: "Fresh, delicious, and warm service. Our favorite spot.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica L.",
|
||||
role: "Cafe Hunter",
|
||||
testimonial: "Perfect atmosphere for slow evenings and dates.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman-working-her-office-sitting-chair-with-smartphone-coffee_1258-195279.jpg",
|
||||
},
|
||||
]}
|
||||
title="Loved by Neighbors"
|
||||
description="What our guests say about their Nino's experience."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah J.", role: "Local Resident", testimonial: "Unexpectedly amazing pizza! A hidden gem.", imageSrc: "http://img.b2bpic.net/free-photo/happy-man-feeding-his-girlfriend-while-having-lunch-with-friends-home_637285-3195.jpg" },
|
||||
{ id: "t2", name: "Michael R.", role: "Coffee Enthusiast", testimonial: "The coffee quality is top-notch. Very cozy.", imageSrc: "http://img.b2bpic.net/free-photo/young-friends-enjoying-time-together_23-2148395394.jpg" },
|
||||
{ id: "t3", name: "Emily P.", role: "Family Mom", testimonial: "Kids loved it. Great family-friendly vibe.", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-proposing-toast-while-having-lunch-with-her-fiends-home_637285-3152.jpg" },
|
||||
{ id: "t4", name: "David W.", role: "Regular Guest", testimonial: "Fresh, delicious, and warm service. Our favorite spot.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg" },
|
||||
{ id: "t5", name: "Jessica L.", role: "Cafe Hunter", testimonial: "Perfect atmosphere for slow evenings and dates.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman-working-her-office-sitting-chair-with-smartphone-coffee_1258-195279.jpg" },
|
||||
]}
|
||||
title="Loved by Neighbors"
|
||||
description="What our guests say about their Nino's experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, we offer home delivery through our online portal.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is the cafe kid-friendly?",
|
||||
content: "Absolutely! We welcome families of all sizes.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What are your opening hours?",
|
||||
content: "We are open daily from 11 AM to 11 PM.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
sideDescription="Everything you need to know about Nino's."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you offer delivery?", content: "Yes, we offer home delivery through our online portal." },
|
||||
{ id: "f2", title: "Is the cafe kid-friendly?", content: "Absolutely! We welcome families of all sizes." },
|
||||
{ id: "f3", title: "What are your opening hours?", content: "We are open daily from 11 AM to 11 PM." },
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
sideDescription="Everything you need to know about Nino's."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Your Table is Waiting"
|
||||
description="Visit Nino's Italian Coffee House for authentic flavors and warm hospitality."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
tag="Visit Us"
|
||||
title="Your Table is Waiting"
|
||||
description="Visit Nino's Italian Coffee House for authentic flavors and warm hospitality."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Nino's"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Menu", href: "#menu" }, { label: "Reviews", href: "#testimonials" }, { label: "Contact", href: "#contact" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
logoText="Nino's"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user