Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 4ac42e6895 | |||
| 083b9e4f77 |
273
src/app/page.tsx
273
src/app/page.tsx
@@ -3,15 +3,11 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,26 +27,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Ristorante Italia"
|
||||
/>
|
||||
@@ -60,47 +40,19 @@ export default function LandingPage() {
|
||||
<HeroOverlay
|
||||
title="Authentic Italian flavors, locally loved since 1985"
|
||||
description="Handcrafted pizzas, traditional pasta, and warm hospitality in every bite. Reserve your table or order online today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Now",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Reserve Now", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-delicious-food-plate_23-2149214642.jpg"
|
||||
imageAlt="Traditional Italian dining setup"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cabbage-salad-table_141793-40.jpg",
|
||||
alt: "Cabbage salad on the table",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-dining-table-with-cutlery_23-2150312257.jpg",
|
||||
alt: "High angle dining table with cutlery",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-wineglass-with-person-eating-spaghetti_23-2147922274.jpg",
|
||||
alt: "Close-up of a wineglass with person eating spaghetti",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-delicious-thanksgiving-meal_23-2148629543.jpg",
|
||||
alt: "High angle of delicious thanksgiving meal",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/emotional-italian-chef-with-glass-red-wine-showing-delicious-gesture-colorful-background-man-sommelier-tasting-good-wine_574295-6064.jpg",
|
||||
alt: "Emotional Italian chef with glass of red wine",
|
||||
},
|
||||
]}
|
||||
avatarText="Join our community of food lovers"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Culinary Heritage"
|
||||
description="Born from a passion for traditional techniques, our kitchen brings the heart of Italy to your table. We use only the finest locally-sourced ingredients to create authentic dishes that honor our family recipes."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-person-with-red-apron-pasta-machine_23-2148296894.jpg"
|
||||
imageAlt="Italian restaurant traditional kitchen"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -110,219 +62,36 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={true}
|
||||
title="Menu Highlights"
|
||||
description="Discover our most-loved dishes, from wood-fired pizzas to homemade pasta delicacies."
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Margherita Pizza",
|
||||
price: "$18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assorted-meat-pizza-with-jamon-olives_501050-786.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Diavola Pizza",
|
||||
price: "$22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pizza-with-sausage-corn-beans-shrimp-bacon-wooden-plate_1150-27199.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Veggie Delight",
|
||||
price: "$20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-healthy-pasta-cooking-pot-jute-textile-with-cherry-tomato-salad_23-2148076248.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Classic Carbonara",
|
||||
price: "$24",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-khangal-dish-topped-with-minced-meat-onion-mixture_140725-5139.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Nonna's Lasagna",
|
||||
price: "$26",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-food-plate_23-2149598991.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Pomodoro Fresco",
|
||||
price: "$20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baked-meat-pasta-plate-marble-surface_114579-63714.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Margherita Pizza", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/assorted-meat-pizza-with-jamon-olives_501050-786.jpg" },
|
||||
{ id: "p2", name: "Diavola Pizza", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/pizza-with-sausage-corn-beans-shrimp-bacon-wooden-plate_1150-27199.jpg" },
|
||||
{ id: "p3", name: "Classic Carbonara", price: "$24", imageSrc: "http://img.b2bpic.net/free-photo/top-view-khangal-dish-topped-with-minced-meat-onion-mixture_140725-5139.jpg" },
|
||||
{ id: "p4", name: "Nonna's Lasagna", price: "$26", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-food-plate_23-2149598991.jpg" }
|
||||
]}
|
||||
title="From Our Kitchen"
|
||||
description="Explore our selection of handcrafted pizzas and signature pasta dishes."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Marco Rossi",
|
||||
role: "Head Chef",
|
||||
description: "Three decades of perfecting the art of pizza making.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pensive-old-man-chef-dressed-uniform-posing-against-dark-background_613910-17582.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Elena Bianchi",
|
||||
role: "Pastry Chef",
|
||||
description: "Mastering regional Italian sweets and desserts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-white-uniform-prepare-pizzaa_1157-27026.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Luigi Verro",
|
||||
role: "Sous Chef",
|
||||
description: "Ensuring every pasta dish meets our strict traditions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-recording-detailed-cooking-demonstration-vlog-tutorial_482257-121188.jpg",
|
||||
},
|
||||
]}
|
||||
title="Meet The Artisans"
|
||||
description="The dedicated souls who hand-toss our dough and perfect our sauces daily."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Giulia Moretti",
|
||||
handle: "@giuliam",
|
||||
testimonial: "Truly the closest to home I've found in years. Remarkable quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carefree-couple-enjoying-lunch-time-restaurant_637285-9035.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Roberto Silva",
|
||||
handle: "@rsilva",
|
||||
testimonial: "Excellent atmosphere, the pizza is always perfect.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-eating-together_23-2149152913.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Chiara Rossi",
|
||||
handle: "@chiarar",
|
||||
testimonial: "My family's favorite spot for weekend dinners. Warm and welcoming.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pancakes-colored-coffee_1321-880.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Antonio P.",
|
||||
handle: "@tonyp",
|
||||
testimonial: "Authentic flavors, friendly staff, highly recommended!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-luxury-restaurant_23-2150598346.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Maria Elena",
|
||||
handle: "@mariaelena",
|
||||
testimonial: "Simply the best Lasagna in the city. A true comfort.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Local Voices"
|
||||
description="What our wonderful neighbors are saying about our authentic recipes."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Our Impact"
|
||||
tag="Milestones"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
description: "Pizzas served monthly",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "30+",
|
||||
description: "Years of heritage",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5k+",
|
||||
description: "Happy families hosted",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer takeout?",
|
||||
content: "Yes, all our menu items are available for convenient online ordering.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do I need a reservation?",
|
||||
content: "We highly recommend booking for large groups or weekend dining.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you have vegetarian options?",
|
||||
content: "We take pride in our extensive menu of vegetarian pizzas and pastas.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/delicious-pasta-with-chorizo-slices_23-2148974690.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked"
|
||||
description="Have questions about our menu or reservations? Here are the answers."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Reserve Now"
|
||||
title="Join Us Tonight"
|
||||
description="Reserve your table today or sign up for exclusive event updates."
|
||||
tag="Reservations"
|
||||
title="Book Your Table"
|
||||
description="Reserve your spot today for an authentic Italian dining experience."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-man-opening-his-new-shop_23-2151961898.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Ristorante Italia"
|
||||
leftLink={{
|
||||
text: "© 2024 Ristorante Italia",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "© 2025 Ristorante Italia", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user