353 lines
11 KiB
TypeScript
353 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="floatingGradient"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "home",
|
|
},
|
|
{
|
|
name: "Story",
|
|
id: "story",
|
|
},
|
|
{
|
|
name: "Menu",
|
|
id: "menu",
|
|
},
|
|
{
|
|
name: "Reviews",
|
|
id: "reviews",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="Afralato"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroSplitTestimonial
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
title="Afralato"
|
|
description="Where the Aegean meets Kalamata. Creative Greek cuisine, garden serenity, and an atmosphere forged in ink and gold."
|
|
testimonials={[
|
|
{
|
|
name: "Nikos G.",
|
|
handle: "@foodie_kalamata",
|
|
testimonial: "The shrimp bruschetta is life-changing. A must-visit.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-salad-cafe_1303-25274.jpg?_wi=1",
|
|
},
|
|
{
|
|
name: "Elena P.",
|
|
handle: "@luxury_travels",
|
|
testimonial: "Simply the best beef sandwich I've ever had. Exquisite.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-asian-female-entrepreneur-cafe-owner-with-tablet-wearing-shop-uniform-standing-with_1258-197423.jpg?_wi=1",
|
|
},
|
|
{
|
|
name: "Dimitris K.",
|
|
handle: "@dim_kalamata",
|
|
testimonial: "An incredible atmosphere, perfectly curated for an intimate evening.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-lady-shirt-sitting-bar-counter-with-soda-water-hand-burger-near-happily-looking-camera-while-spending-time-cafe_574295-329.jpg?_wi=1",
|
|
},
|
|
{
|
|
name: "Sophia L.",
|
|
handle: "@sophia_travels",
|
|
testimonial: "The garden seating is magical. Truly a highlight of our trip.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-dressed-elegant-black-dress-holds-wineglass-luxury-restaurant_613910-3880.jpg?_wi=1",
|
|
},
|
|
{
|
|
name: "George M.",
|
|
handle: "@geo_eats",
|
|
testimonial: "Authentic flavors, elegant presentation. 10/10 recommendation.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-mexican-woman-eating-ranchero-food_23-2150222244.jpg?_wi=1",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/cutlery-near-twig-leaves_23-2147811214.jpg"
|
|
mediaAnimation="slide-up"
|
|
marqueeItems={[
|
|
{
|
|
type: "text",
|
|
text: "Signature Shrimp Bruschetta",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "The Famous 'Train' Beef Sandwich",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "4.9 Stars Average",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Garden Setting by the Pier",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Generous Portions",
|
|
},
|
|
]}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-woman-eating-salad-cafe_1303-25274.jpg",
|
|
alt: "Diner 1",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/enthusiastic-asian-female-entrepreneur-cafe-owner-with-tablet-wearing-shop-uniform-standing-with_1258-197423.jpg",
|
|
alt: "Diner 2",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiling-lady-shirt-sitting-bar-counter-with-soda-water-hand-burger-near-happily-looking-camera-while-spending-time-cafe_574295-329.jpg",
|
|
alt: "Diner 3",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-dressed-elegant-black-dress-holds-wineglass-luxury-restaurant_613910-3880.jpg",
|
|
alt: "Diner 4",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/front-view-mexican-woman-eating-ranchero-food_23-2150222244.jpg",
|
|
alt: "Diner 5",
|
|
},
|
|
]}
|
|
avatarText="Join 500+ satisfied guests"
|
|
/>
|
|
</div>
|
|
|
|
<div id="story" data-section="story">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={false}
|
|
title="Our Story"
|
|
description="Afralato is built on the philosophy of generous, soulful hospitality. Located in the heart of Kalamata, we pair modern innovation with timeless Greek tradition."
|
|
metrics={[
|
|
{
|
|
value: "4.9",
|
|
title: "Avg Rating",
|
|
},
|
|
{
|
|
value: "500+",
|
|
title: "Reviews",
|
|
},
|
|
{
|
|
value: "#1",
|
|
title: "Kalamata",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/side-view-cook-is-cooking-cutab-with-greens-sprinkled-with-cheese-board-with-ingredients_141793-3897.jpg"
|
|
mediaAnimation="blur-reveal"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="split-description"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "1",
|
|
brand: "Starter",
|
|
name: "Shrimp Bruschetta",
|
|
price: "18€",
|
|
rating: 5,
|
|
reviewCount: "120",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/mixed-vegetables-shrimps-bread_141793-707.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "2",
|
|
brand: "Main",
|
|
name: "Train Beef Sandwich",
|
|
price: "22€",
|
|
rating: 5,
|
|
reviewCount: "98",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-tasty-sandwich-with-potatoes-wooden-table-with-sauces-cutlery_181624-56416.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "3",
|
|
brand: "Starter",
|
|
name: "Garden Salad",
|
|
price: "14€",
|
|
rating: 4,
|
|
reviewCount: "45",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/mixed-vegetables-shrimps-bread_141793-707.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "4",
|
|
brand: "Main",
|
|
name: "Sea Bass Fillet",
|
|
price: "28€",
|
|
rating: 5,
|
|
reviewCount: "67",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-tasty-sandwich-with-potatoes-wooden-table-with-sauces-cutlery_181624-56416.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "5",
|
|
brand: "Starter",
|
|
name: "Grilled Octopus",
|
|
price: "19€",
|
|
rating: 5,
|
|
reviewCount: "89",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/mixed-vegetables-shrimps-bread_141793-707.jpg?_wi=3",
|
|
},
|
|
{
|
|
id: "6",
|
|
brand: "Dessert",
|
|
name: "Greek Baklava",
|
|
price: "9€",
|
|
rating: 5,
|
|
reviewCount: "112",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-tasty-sandwich-with-potatoes-wooden-table-with-sauces-cutlery_181624-56416.jpg?_wi=3",
|
|
},
|
|
]}
|
|
title="Signature Flavors"
|
|
description="Dishes that define our craft."
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardThirteen
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Sarah J.",
|
|
handle: "@sarah_j",
|
|
testimonial: "Atmosphere is incredible, food is better. A gem.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-salad-cafe_1303-25274.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Mark D.",
|
|
handle: "@markd",
|
|
testimonial: "Generous portions and wonderful service. Loved it.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-asian-female-entrepreneur-cafe-owner-with-tablet-wearing-shop-uniform-standing-with_1258-197423.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Lisa K.",
|
|
handle: "@lisak",
|
|
testimonial: "The garden seating is so romantic and perfect.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-lady-shirt-sitting-bar-counter-with-soda-water-hand-burger-near-happily-looking-camera-while-spending-time-cafe_574295-329.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Alex R.",
|
|
handle: "@alexr",
|
|
testimonial: "Simply the best dining experience in Kalamata.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-dressed-elegant-black-dress-holds-wineglass-luxury-restaurant_613910-3880.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Chloe T.",
|
|
handle: "@chloet",
|
|
testimonial: "Must order the beef sandwich. Absolutely fantastic.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-mexican-woman-eating-ranchero-food_23-2150222244.jpg?_wi=2",
|
|
},
|
|
]}
|
|
showRating={true}
|
|
title="Guest Voices"
|
|
description="See why locals and travelers love our kitchen."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "sparkles-gradient",
|
|
}}
|
|
tag="Reservations"
|
|
title="Join Us Tonight"
|
|
description="Secure your table for an evening of luxury."
|
|
buttons={[
|
|
{
|
|
text: "Book Now",
|
|
href: "#",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/old-doorway-chair-black-white_23-2152014028.jpg"
|
|
logoText="Afralato"
|
|
columns={[
|
|
{
|
|
title: "Location",
|
|
items: [
|
|
{
|
|
label: "Kalamata Pier, Greece",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Hours",
|
|
items: [
|
|
{
|
|
label: "18:00 - 00:00 Daily",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Contact",
|
|
items: [
|
|
{
|
|
label: "info@afralato.gr",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|