Merge version_1 into main #2
348
src/app/page.tsx
348
src/app/page.tsx
@@ -17,260 +17,116 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Reservation",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="EAT & TRUST"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "Reviews", id: "#testimonials" },
|
||||
{ name: "Reservation", id: "#contact" },
|
||||
]}
|
||||
brandName="EAT & TRUST"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Feels Like Family, Tastes Like Luxury."
|
||||
description="Experience the warmth of traditional hospitality matched with gourmet culinary excellence. Join us for a meal you won't forget."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@foodie",
|
||||
testimonial: "The portions are massive and the service is incredibly warm. Felt like home.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-happy-woman-coat_1303-11053.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Michael K.",
|
||||
handle: "@regular",
|
||||
testimonial: "My go-to spot for gyros. The quality never drops, always consistent.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-chilling-out-classy-lifestyle-reserved-concept_53876-46898.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena M.",
|
||||
handle: "@traveller",
|
||||
testimonial: "Authentic, cozy, and the tzatziki is to die for. Exceptional service!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-sitting-with-salad-bowl_23-2147893408.jpg",
|
||||
},
|
||||
{
|
||||
name: "David L.",
|
||||
handle: "@local",
|
||||
testimonial: "Luxury ambiance but the service makes you feel like an old friend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-drinking-wine-having-fun-lunch-bar-focus-is-man_637285-2049.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sofia V.",
|
||||
handle: "@connoisseur",
|
||||
testimonial: "A hidden gem that treats every guest like royalty. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-happy-woman-coat_1303-11053.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Now",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elegant-dining-table-setting-with-candles-decorations_23-2152009915.jpg?_wi=1"
|
||||
videoSrc="http://img.b2bpic.net/free-photo/elegant-dining-table-setting-with-candles-decorations_23-2152009915.jpg?_wi=2"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Feels Like Family, Tastes Like Luxury."
|
||||
description="Experience the warmth of traditional hospitality matched with gourmet culinary excellence. Join us for a meal you won't forget."
|
||||
testimonials={[
|
||||
{ name: "Sarah J.", handle: "@foodie", testimonial: "The portions are massive and the service is incredibly warm. Felt like home.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-happy-woman-coat_1303-11053.jpg" },
|
||||
{ name: "Michael K.", handle: "@regular", testimonial: "My go-to spot for gyros. The quality never drops, always consistent.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/restaurant-chilling-out-classy-lifestyle-reserved-concept_53876-46898.jpg" },
|
||||
{ name: "Elena M.", handle: "@traveller", testimonial: "Authentic, cozy, and the tzatziki is to die for. Exceptional service!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-sitting-with-salad-bowl_23-2147893408.jpg" },
|
||||
{ name: "David L.", handle: "@local", testimonial: "Luxury ambiance but the service makes you feel like an old friend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-couple-drinking-wine-having-fun-lunch-bar-focus-is-man_637285-2049.jpg" },
|
||||
{ name: "Sofia V.", handle: "@connoisseur", testimonial: "A hidden gem that treats every guest like royalty. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-happy-woman-coat_1303-11053.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Reserve Now", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elegant-dining-table-setting-with-candles-decorations_23-2152009915.jpg"
|
||||
videoSrc="http://img.b2bpic.net/free-photo/elegant-dining-table-setting-with-candles-decorations_23-2152009915.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="A Tradition of Excellence"
|
||||
metrics={[
|
||||
{
|
||||
label: "Loyal Regulars",
|
||||
value: "1500+",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
label: "Years Served",
|
||||
value: "20",
|
||||
icon: History,
|
||||
},
|
||||
{
|
||||
label: "Standout Dishes",
|
||||
value: "12",
|
||||
icon: Award,
|
||||
},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="A Tradition of Excellence"
|
||||
metrics={[
|
||||
{ label: "Loyal Regulars", value: "1500+", icon: Award },
|
||||
{ label: "Years Served", value: "20", icon: History },
|
||||
{ label: "Standout Dishes", value: "12", icon: Award },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Traditional Gyros",
|
||||
price: "€18.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doner-lavash-topped-with-sour-cream_140725-3594.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Fresh Tzatziki",
|
||||
price: "€7.90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-appetizing-dish-plate-radish-herbs-sauce-purple-tablecloth_140725-123256.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Metaxa Speciality",
|
||||
price: "€22.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-grilled-beef-medallion-with-sauce-vegetables-white-plate-table_140725-11584.jpg",
|
||||
},
|
||||
]}
|
||||
title="Signature Dishes"
|
||||
description="A glimpse of the flavors our regulars love most. Prepared with heart and passion."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Traditional Gyros", price: "€18.50", imageSrc: "http://img.b2bpic.net/free-photo/doner-lavash-topped-with-sour-cream_140725-3594.jpg" },
|
||||
{ id: "2", name: "Fresh Tzatziki", price: "€7.90", imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-appetizing-dish-plate-radish-herbs-sauce-purple-tablecloth_140725-123256.jpg" },
|
||||
{ id: "3", name: "Metaxa Speciality", price: "€22.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-grilled-beef-medallion-with-sauce-vegetables-white-plate-table_140725-11584.jpg" },
|
||||
]}
|
||||
title="Signature Dishes"
|
||||
description="A glimpse of the flavors our regulars love most. Prepared with heart and passion."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
date: "March 2024",
|
||||
title: "Incredible Portions",
|
||||
quote: "The portions are massive and the service is incredibly warm. Felt like home.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-happy-woman-coat_1303-11053.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael K.",
|
||||
date: "February 2024",
|
||||
title: "Consistently Good",
|
||||
quote: "My go-to spot for gyros. The quality never drops, always consistent.",
|
||||
tag: "Foodie",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/restaurant-chilling-out-classy-lifestyle-reserved-concept_53876-46898.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena M.",
|
||||
date: "January 2024",
|
||||
title: "Authentic Greek",
|
||||
quote: "Authentic, cozy, and the tzatziki is to die for. Exceptional service!",
|
||||
tag: "Traveller",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-sitting-with-salad-bowl_23-2147893408.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David L.",
|
||||
date: "December 2023",
|
||||
title: "Luxury Feel",
|
||||
quote: "Luxury ambiance but the service makes you feel like an old friend.",
|
||||
tag: "Local",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-couple-drinking-wine-having-fun-lunch-bar-focus-is-man_637285-2049.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mark R.",
|
||||
date: "November 2023",
|
||||
title: "Simply The Best",
|
||||
quote: "The atmosphere is unmatched and the staff is genuinely lovely.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-happy-woman-coat_1303-11053.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Our Family Says"
|
||||
description="Read why our guests keep coming back year after year."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", date: "March 2024", title: "Incredible Portions", quote: "The portions are massive and the service is incredibly warm. Felt like home.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-happy-woman-coat_1303-11053.jpg" },
|
||||
{ id: "2", name: "Michael K.", date: "February 2024", title: "Consistently Good", quote: "My go-to spot for gyros. The quality never drops, always consistent.", tag: "Foodie", avatarSrc: "http://img.b2bpic.net/free-photo/restaurant-chilling-out-classy-lifestyle-reserved-concept_53876-46898.jpg" },
|
||||
{ id: "3", name: "Elena M.", date: "January 2024", title: "Authentic Greek", quote: "Authentic, cozy, and the tzatziki is to die for. Exceptional service!", tag: "Traveller", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-sitting-with-salad-bowl_23-2147893408.jpg" },
|
||||
{ id: "4", name: "David L.", date: "December 2023", title: "Luxury Feel", quote: "Luxury ambiance but the service makes you feel like an old friend.", tag: "Local", avatarSrc: "http://img.b2bpic.net/free-photo/young-couple-drinking-wine-having-fun-lunch-bar-focus-is-man_637285-2049.jpg" },
|
||||
{ id: "5", name: "Mark R.", date: "November 2023", title: "Simply The Best", quote: "The atmosphere is unmatched and the staff is genuinely lovely.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-happy-woman-coat_1303-11053.jpg" },
|
||||
]}
|
||||
title="What Our Family Says"
|
||||
description="Read why our guests keep coming back year after year."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Reservations"
|
||||
title="Secure Your Table"
|
||||
description="Don't miss out on an unforgettable dining experience. Book your table directly through us."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-woman-sitting-table-with-desserts-drinks-flowers-cafe_23-2148001711.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="Enter your name/party size"
|
||||
buttonText="Request Booking"
|
||||
videoSrc="http://img.b2bpic.net/free-photo/man-woman-sitting-table-with-desserts-drinks-flowers-cafe_23-2148001711.jpg?_wi=2"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Reservations"
|
||||
title="Secure Your Table"
|
||||
description="Don't miss out on an unforgettable dining experience. Book your table directly through us."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-woman-sitting-table-with-desserts-drinks-flowers-cafe_23-2148001711.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="Enter your name/party size"
|
||||
buttonText="Request Booking"
|
||||
videoSrc="http://img.b2bpic.net/free-photo/man-woman-sitting-table-with-desserts-drinks-flowers-cafe_23-2148001711.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="EAT & TRUST"
|
||||
columns={[
|
||||
{
|
||||
title: "Restaurant",
|
||||
items: [
|
||||
{
|
||||
label: "Our Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Reservations",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="EAT & TRUST"
|
||||
columns={[
|
||||
{ title: "Restaurant", items: [{ label: "Our Menu", href: "#menu" }, { label: "About Us", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Reservations", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user