Files
80309c8f-4795-4d08-a509-b37…/src/app/page.tsx
2026-04-05 09:35:17 +00:00

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>
);
}