Merge version_1 into main #1
440
src/app/page.tsx
440
src/app/page.tsx
@@ -28,318 +28,152 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Μενού",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "Κριτικές",
|
||||
id: "#reviews",
|
||||
},
|
||||
{
|
||||
name: "Πληροφορίες",
|
||||
id: "#info",
|
||||
},
|
||||
{
|
||||
name: "Κράτηση",
|
||||
id: "#reserve",
|
||||
},
|
||||
]}
|
||||
brandName="ΤΑ ΣΑΡΔΕΛΆΚΙΑ"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Μενού", id: "#menu" },
|
||||
{ name: "Κριτικές", id: "#reviews" },
|
||||
{ name: "Πληροφορίες", id: "#info" },
|
||||
{ name: "Κράτηση", id: "#reserve" },
|
||||
]}
|
||||
brandName="ΤΑ ΣΑΡΔΕΛΆΚΙΑ"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="ΤΑ ΣΑΡΔΕΛΆΚΙΑ"
|
||||
description="Η γεύση της θάλασσας στην καρδιά της Αθήνας. / The taste of the sea, in the heart of Athens."
|
||||
buttons={[
|
||||
{
|
||||
text: "Κάντε Κράτηση",
|
||||
href: "#reserve",
|
||||
},
|
||||
{
|
||||
text: "Δείτε το Μενού",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-photo-sea-waves_58702-16340.jpg",
|
||||
imageAlt: "Mediterranean Sea",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chestnut-confiture-wooden-board-top-view_114579-4605.jpg",
|
||||
imageAlt: "Calamari",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/octopus-legs-with-lemon-mint-berries_114579-3375.jpg",
|
||||
imageAlt: "Greek Salad",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/raw-chicken-wings-ready-cooking_114579-86137.jpg",
|
||||
imageAlt: "Atmosphere",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-spanish-food_23-2149210884.jpg",
|
||||
imageAlt: "Octopus",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-gourmet-mussels_23-2148393653.jpg",
|
||||
imageAlt: "Mussels",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="ΤΑ ΣΑΡΔΕΛΆΚΙΑ"
|
||||
description="Η γεύση της θάλασσας στην καρδιά της Αθήνας. / The taste of the sea, in the heart of Athens."
|
||||
buttons={[
|
||||
{ text: "Κάντε Κράτηση", href: "#reserve" },
|
||||
{ text: "Δείτε το Μενού", href: "#menu" },
|
||||
]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-photo-sea-waves_58702-16340.jpg", imageAlt: "Mediterranean Sea" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/chestnut-confiture-wooden-board-top-view_114579-4605.jpg", imageAlt: "Calamari" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/octopus-legs-with-lemon-mint-berries_114579-3375.jpg", imageAlt: "Greek Salad" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/raw-chicken-wings-ready-cooking_114579-86137.jpg", imageAlt: "Atmosphere" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-spanish-food_23-2149210884.jpg", imageAlt: "Octopus" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-gourmet-mussels_23-2148393653.jpg", imageAlt: "Mussels" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="trust" data-section="trust">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.6★",
|
||||
title: "Google Rating",
|
||||
items: [
|
||||
"1,093+ Reviews",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1,093+",
|
||||
title: "Happy Guests",
|
||||
items: [
|
||||
"Daily Visitors",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Daily",
|
||||
title: "Catch",
|
||||
items: [
|
||||
"Always Fresh",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "Athens",
|
||||
title: "Location",
|
||||
items: [
|
||||
"Zografou",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Trust Signals"
|
||||
/>
|
||||
</div>
|
||||
<div id="trust" data-section="trust">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="Trust Signals"
|
||||
description="Real results from our happy diners."
|
||||
metrics={[
|
||||
{ id: "m1", value: "4.6★", title: "Google Rating", items: ["1,093+ Reviews"] },
|
||||
{ id: "m2", value: "1,093+", title: "Happy Guests", items: ["Daily Visitors"] },
|
||||
{ id: "m3", value: "Daily", title: "Catch", items: ["Always Fresh"] },
|
||||
{ id: "m4", value: "Athens", title: "Location", items: ["Zografou"] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Η Ιστορία μας"
|
||||
title="Μικρά ψάρια, μεγάλες γεύσεις"
|
||||
description="A neighbourhood institution in Zografou since 1993. We serve the freshest catch using traditional Greek recipes in a family-run atmosphere."
|
||||
subdescription="Small fish, big flavours – Affordable luxury for every table."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-slices-with-tomato-cream_23-2148698660.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
icon={Fish}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Η Ιστορία μας"
|
||||
title="Μικρά ψάρια, μεγάλες γεύσεις"
|
||||
description="A neighbourhood institution in Zografou since 1993. We serve the freshest catch using traditional Greek recipes in a family-run atmosphere."
|
||||
subdescription="Small fish, big flavours – Affordable luxury for every table."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-slices-with-tomato-cream_23-2148698660.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
icon={Fish}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Καλαμαράκια Τηγανητά",
|
||||
price: "12€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-meal-made-with-vegetables-served-plate_181624-58469.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Λουκουμάδες Με Μέλι",
|
||||
price: "7€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-azerbaijani-baklava-served-with-tea_141793-1536.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Γαύρος Μαρινάτος",
|
||||
price: "9€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-plate-with-fried-toasts-sprats_114579-43914.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Μύδια Αχνιστά",
|
||||
price: "11€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-mussels-wooden-board_23-2148393753.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Χταπόδι",
|
||||
price: "14€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/food-packaged-can-still-life_23-2151206972.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Χωριάτικη",
|
||||
price: "8€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-greek-saladlettuce-tomatoes-feta-cheese-cucumbers-black-olives-purple-onion-dark-wooden-table_176474-3109.jpg",
|
||||
},
|
||||
]}
|
||||
title="Τα Αγαπημένα Μας / Our Favourites"
|
||||
description="Επιλεγμένα θαλασσινά πιάτα για κάθε στιγμή."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", name: "Καλαμαράκια Τηγανητά", price: "12€", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-meal-made-with-vegetables-served-plate_181624-58469.jpg" },
|
||||
{ id: "2", name: "Λουκουμάδες Με Μέλι", price: "7€", imageSrc: "http://img.b2bpic.net/free-photo/top-view-azerbaijani-baklava-served-with-tea_141793-1536.jpg" },
|
||||
{ id: "3", name: "Γαύρος Μαρινάτος", price: "9€", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-plate-with-fried-toasts-sprats_114579-43914.jpg" },
|
||||
{ id: "4", name: "Μύδια Αχνιστά", price: "11€", imageSrc: "http://img.b2bpic.net/free-photo/delicious-mussels-wooden-board_23-2148393753.jpg" },
|
||||
{ id: "5", name: "Χταπόδι", price: "14€", imageSrc: "http://img.b2bpic.net/free-photo/food-packaged-can-still-life_23-2151206972.jpg" },
|
||||
{ id: "6", name: "Χωριάτικη", price: "8€", imageSrc: "http://img.b2bpic.net/free-photo/side-view-greek-saladlettuce-tomatoes-feta-cheese-cucumbers-black-olives-purple-onion-dark-wooden-table_176474-3109.jpg" },
|
||||
]}
|
||||
title="Τα Αγαπημένα Μας / Our Favourites"
|
||||
description="Επιλεγμένα θαλασσινά πιάτα για κάθε στιγμή."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Gallery"
|
||||
title="Στιγμές από το τραπέζι μας"
|
||||
description="Rich flavours and warm moments at our table."
|
||||
subdescription="From our kitchen to your plate."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-raw-fish-slices-with-ice-wood-board-sea-salt-small-bowl-wine-bottle-table_179666-46570.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
icon={Camera}
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Gallery"
|
||||
title="Στιγμές από το τραπέζι μας"
|
||||
description="Rich flavours and warm moments at our table."
|
||||
subdescription="From our kitchen to your plate."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-raw-fish-slices-with-ice-wood-board-sea-salt-small-bowl-wine-bottle-table_179666-46570.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
icon={Camera}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Excellent!",
|
||||
quote: "Εξαιρετικό φαγητό, πολύ καλές τιμές, άριστη εξυπηρέτηση.",
|
||||
name: "Agge D",
|
||||
role: "Local Guide",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-senior-man-sitting_23-2149038046.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Surprise!",
|
||||
quote: "Στην πλατεία του Αγίου Θωμά το εστιατόριο θαλασσινών μεζέδων μας εξέπληξε θετικά.",
|
||||
name: "Falcon Winchester",
|
||||
role: "Local Guide",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-lady-shirt-jeans-sitting-bar-counter-cafe-eating-cake-while-happily-looking-camera_574295-287.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Great atmosphere",
|
||||
quote: "Μερικές καλές πινελιές στην ατμόσφαιρα και το φαγητό.",
|
||||
name: "Anastasios Sofronas",
|
||||
role: "Local Guide",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-with-flower-table_23-2148001715.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Top tier",
|
||||
quote: "Η ποιότητα των υλικών είναι αξεπέραστη.",
|
||||
name: "Maria K",
|
||||
role: "Diner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-wise-senior-man-posing-studio_23-2149883513.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Authentic",
|
||||
quote: "Το καλύτερο μεζεδοπωλείο στο Ζωγράφου.",
|
||||
name: "George P",
|
||||
role: "Local",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-restaurant_23-2148006700.jpg",
|
||||
},
|
||||
]}
|
||||
title="Τι λένε οι πελάτες μας"
|
||||
description="4.6★ από 1.093 κριτικές στο Google"
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Excellent!", quote: "Εξαιρετικό φαγητό, πολύ καλές τιμές, άριστη εξυπηρέτηση.", name: "Agge D", role: "Local Guide", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-senior-man-sitting_23-2149038046.jpg" },
|
||||
{ id: "2", title: "Surprise!", quote: "Στην πλατεία του Αγίου Θωμά το εστιατόριο θαλασσινών μεζέδων μας εξέπληξε θετικά.", name: "Falcon Winchester", role: "Local Guide", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-lady-shirt-jeans-sitting-bar-counter-cafe-eating-cake-while-happily-looking-camera_574295-287.jpg" },
|
||||
{ id: "3", title: "Great atmosphere", quote: "Μερικές καλές πινελιές στην ατμόσφαιρα και το φαγητό.", name: "Anastasios Sofronas", role: "Local Guide", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-with-flower-table_23-2148001715.jpg" },
|
||||
{ id: "4", title: "Top tier", quote: "Η ποιότητα των υλικών είναι αξεπέραστη.", name: "Maria K", role: "Diner", imageSrc: "http://img.b2bpic.net/free-photo/side-view-wise-senior-man-posing-studio_23-2149883513.jpg" },
|
||||
{ id: "5", title: "Authentic", quote: "Το καλύτερο μεζεδοπωλείο στο Ζωγράφου.", name: "George P", role: "Local", imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-restaurant_23-2148006700.jpg" },
|
||||
]}
|
||||
title="Τι λένε οι πελάτες μας"
|
||||
description="4.6★ από 1.093 κριτικές στο Google"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="info" data-section="info">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Ωράριο",
|
||||
content: "Ανοιχτά καθημερινά · Κλείνει 12:30 π.μ.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Διεύθυνση",
|
||||
content: "Παπαδιαμαντοπούλου 126, Ζωγράφου 157 73, Athens",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Υπηρεσίες",
|
||||
content: "Dine-in · Takeaway · Contactless delivery",
|
||||
},
|
||||
]}
|
||||
title="Πληροφορίες"
|
||||
description="Όλα όσα πρέπει να γνωρίζετε."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="info" data-section="info">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "1", title: "Ωράριο", content: "Ανοιχτά καθημερινά · Κλείνει 12:30 π.μ." },
|
||||
{ id: "2", title: "Διεύθυνση", content: "Παπαδιαμαντοπούλου 126, Ζωγράφου 157 73, Athens" },
|
||||
{ id: "3", title: "Υπηρεσίες", content: "Dine-in · Takeaway · Contactless delivery" },
|
||||
]}
|
||||
title="Πληροφορίες"
|
||||
description="Όλα όσα πρέπει να γνωρίζετε."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reserve" data-section="reserve">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Κράτηση"
|
||||
title="Κλείστε το τραπέζι σας σήμερα"
|
||||
description="Weekends fill fast — book early. Call us at 210 777 8005."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/platter-squids-garnished-with-lemon-served-white-table_140725-2564.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="reserve" data-section="reserve">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Κράτηση"
|
||||
title="Κλείστε το τραπέζι σας σήμερα"
|
||||
description="Weekends fill fast — book early. Call us at 210 777 8005."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/platter-squids-garnished-with-lemon-served-white-table_140725-2564.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="ΤΑ ΣΑΡΔΕΛΆΚΙΑ"
|
||||
columns={[
|
||||
{
|
||||
title: "Πλοήγηση",
|
||||
items: [
|
||||
{
|
||||
label: "Μενού",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Κράτηση",
|
||||
href: "#reserve",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Επικοινωνία",
|
||||
items: [
|
||||
{
|
||||
label: "210 777 8005",
|
||||
href: "tel:2107778005",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com/tasardelakia",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Τα Σαρδελάκια. Φρέσκα θαλασσινά κάθε μέρα."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="ΤΑ ΣΑΡΔΕΛΆΚΙΑ"
|
||||
columns={[
|
||||
{ title: "Πλοήγηση", items: [{ label: "Μενού", href: "#menu" }, { label: "Κράτηση", href: "#reserve" }] },
|
||||
{ title: "Επικοινωνία", items: [{ label: "210 777 8005", href: "tel:2107778005" }, { label: "Facebook", href: "https://facebook.com/tasardelakia" }] },
|
||||
]}
|
||||
copyrightText="© 2025 Τα Σαρδελάκια. Φρέσκα θαλασσινά κάθε μέρα."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user