Merge version_1 into main #2
315
src/app/page.tsx
315
src/app/page.tsx
@@ -26,238 +26,101 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "The Soul",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Arrivals",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Ritazza"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "The Soul", id: "about" },
|
||||
{ name: "Arrivals", id: "contact" },
|
||||
]}
|
||||
brandName="Ritazza"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Italian Soul. Estonian Heart."
|
||||
description="Before the gate, before the alarm — find the warmth of Milan inside Tallinn Airport. Generous portions, roasted heritage, and the comfort of arriving home."
|
||||
tag="Since 05:00 AM"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-table_23-2148164788.jpg",
|
||||
imageAlt: "Italian Cafe Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steaming-cup-coffee-with-coffee-beans-black-background_9975-124588.jpg?_wi=1",
|
||||
imageAlt: "Espresso Mood",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/turkish-pizza-lahmajun-with-minced-meat-bell-pepper-cheese-with-parsley-lemon_140725-6871.jpg?_wi=1",
|
||||
imageAlt: "Artisan Pizza",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cinnamon-roll-with-fruits-arrangement_23-2148904724.jpg?_wi=1",
|
||||
imageAlt: "Italian Pastry",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sugar-powder-is-sprinkled-chocolate-pudding-glasses_140725-5079.jpg?_wi=1",
|
||||
imageAlt: "Dessert Selection",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
ratingText="Beloved by travelers"
|
||||
tagIcon={Coffee}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Italian Soul. Estonian Heart."
|
||||
description="Before the gate, before the alarm — find the warmth of Milan inside Tallinn Airport. Generous portions, roasted heritage, and the comfort of arriving home."
|
||||
tag="Since 05:00 AM"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-table_23-2148164788.jpg", imageAlt: "Italian Cafe Interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steaming-cup-coffee-with-coffee-beans-black-background_9975-124588.jpg", imageAlt: "Espresso Mood"}
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
ratingText="Beloved by travelers"
|
||||
tagIcon={Coffee}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Slice of Italy in the North"
|
||||
description={[
|
||||
"Our coffee isn't just fuel; it's a bridge between your journey and your soul. We bring the rich aromas of a Mediterranean morning to the crisp, calm heart of Estonia.",
|
||||
"We believe in generous portions and consistency that feels like an embrace. Whether you're early for a flight or just seeking the warmth, our doors are open.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Slice of Italy in the North"
|
||||
description={[
|
||||
"Our coffee isn't just fuel; it's a bridge between your journey and your soul. We bring the rich aromas of a Mediterranean morning to the crisp, calm heart of Estonia.", "We believe in generous portions and consistency that feels like an embrace. Whether you're early for a flight or just seeking the warmth, our doors are open."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Main",
|
||||
name: "Hand-Stretched Pizza",
|
||||
price: "14.90€",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/turkish-pizza-lahmajun-with-minced-meat-bell-pepper-cheese-with-parsley-lemon_140725-6871.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Espresso",
|
||||
name: "Signature Dark Roast",
|
||||
price: "4.50€",
|
||||
rating: 5,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steaming-cup-coffee-with-coffee-beans-black-background_9975-124588.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Pastry",
|
||||
name: "Italian Cannoli",
|
||||
price: "5.90€",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cinnamon-roll-with-fruits-arrangement_23-2148904724.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Main",
|
||||
name: "Roasted Tomato Soup",
|
||||
price: "8.50€",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-dish-restaurant_23-2148018807.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Kitchen",
|
||||
name: "Antipasto Selection",
|
||||
price: "12.00€",
|
||||
rating: 4,
|
||||
reviewCount: "50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-set-with-various-food_140725-3335.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Pastry",
|
||||
name: "Tiramisu Classic",
|
||||
price: "6.50€",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sugar-powder-is-sprinkled-chocolate-pudding-glasses_140725-5079.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="The Ritazza Ritual"
|
||||
description="Authentic Italian flavors prepared for those on the move."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", brand: "Main", name: "Hand-Stretched Pizza", price: "14.90€", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/turkish-pizza-lahmajun-with-minced-meat-bell-pepper-cheese-with-parsley-lemon_140725-6871.jpg" },
|
||||
{ id: "2", brand: "Espresso", name: "Signature Dark Roast", price: "4.50€", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/steaming-cup-coffee-with-coffee-beans-black-background_9975-124588.jpg" },
|
||||
{ id: "3", brand: "Pastry", name: "Italian Cannoli", price: "5.90€", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/cinnamon-roll-with-fruits-arrangement_23-2148904724.jpg" },
|
||||
{ id: "4", brand: "Main", name: "Roasted Tomato Soup", price: "8.50€", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/delicious-dish-restaurant_23-2148018807.jpg" },
|
||||
{ id: "5", brand: "Kitchen", name: "Antipasto Selection", price: "12.00€", rating: 4, reviewCount: "50", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-set-with-various-food_140725-3335.jpg" },
|
||||
{ id: "6", brand: "Pastry", name: "Tiramisu Classic", price: "6.50€", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/sugar-powder-is-sprinkled-chocolate-pudding-glasses_140725-5079.jpg" },
|
||||
]}
|
||||
title="The Ritazza Ritual"
|
||||
description="Authentic Italian flavors prepared for those on the move."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The portions are generous and it feels like coming home. The aroma of coffee hit me just when I needed it most after a long travel day. Finally, a real café experience in the terminal."
|
||||
rating={5}
|
||||
author="Elena M."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bearded-man-standing-near-railing-holding-disposable-coffee-cup-while-reading-book_23-2148203129.jpg",
|
||||
alt: "Elena",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-woman-talking-mobile-phone-with-baked-bread-juice-table_23-2147974703.jpg",
|
||||
alt: "Mark",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/thoughtful-woman-stirs-sugar-cup-coffee_8353-1388.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-paying-using-nfc-technology_23-2149893766.jpg",
|
||||
alt: "David",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bearded-man-standing-near-railing-holding-disposable-coffee-cup-while-reading-book_23-2148203129.jpg",
|
||||
alt: "Alex",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The portions are generous and it feels like coming home. The aroma of coffee hit me just when I needed it most after a long travel day. Finally, a real café experience in the terminal."
|
||||
rating={5}
|
||||
author="Elena M."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/bearded-man-standing-near-railing-holding-disposable-coffee-cup-while-reading-book_23-2148203129.jpg", alt: "Elena" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-young-woman-talking-mobile-phone-with-baked-bread-juice-table_23-2147974703.jpg", alt: "Mark" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Airport Updates"
|
||||
title="Stay Connected"
|
||||
description="Join our newsletter for exclusive airport lounge updates and seasonal Italian menu reveals."
|
||||
tagIcon={Mail}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Airport Updates"
|
||||
title="Stay Connected"
|
||||
description="Join our newsletter for exclusive airport lounge updates and seasonal Italian menu reveals."
|
||||
tagIcon={Mail}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/garden-with-wooden-bench-plants_250224-84.jpg"
|
||||
logoText="Ritazza"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/garden-with-wooden-bench-plants_250224-84.jpg"
|
||||
logoText="Ritazza"
|
||||
columns={[
|
||||
{ title: "Navigate", items: [{ label: "Home", href: "/" }, { label: "Menu", href: "#menu" }, { label: "About", href: "#about" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] },
|
||||
{ title: "Social", items: [{ label: "Instagram", href: "https://instagram.com" }, { label: "Facebook", href: "https://facebook.com" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user