126 lines
7.2 KiB
TypeScript
126 lines
7.2 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
|
||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="text-shift"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="soft"
|
||
contentWidth="mediumSmall"
|
||
sizing="largeSmall"
|
||
background="noise"
|
||
cardStyle="gradient-radial"
|
||
primaryButtonStyle="shadow"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="bold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingInline
|
||
navItems={[
|
||
{ name: "Αρχική", id: "hero" },
|
||
{ name: "Υπηρεσίες", id: "services" },
|
||
{ name: "Ομάδα", id: "team" },
|
||
{ name: "Κριτικές", id: "testimonials" },
|
||
]}
|
||
brandName="Giorgio Barber Shop Kolonaki"
|
||
button={{ text: "Κράτηση", href: "#contact" }}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardRotatedCarousel
|
||
background={{ variant: "rotated-rays-static" }}
|
||
title="Giorgio Barber Shop Kolonaki"
|
||
description="Η τέχνη του παραδοσιακού κουρέματος στην καρδιά του Κολωνακίου. Εμπειρία, ποιότητα και αξεπέραστο στυλ."
|
||
buttons={[{ text: "Κλείστε Ραντεβού", href: "#contact" }]}
|
||
carouselItems={[
|
||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/front-view-leather-barber-shop-chair_23-2148256927.jpg?_wi=1", imageAlt: "Barber shop interior" },
|
||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/instruments-hairdresser-black-towel_23-2148181901.jpg", imageAlt: "Barber tools" },
|
||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/mustache-guy-barbershop_140725-7723.jpg", imageAlt: "Vintage barber chair" },
|
||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-6221.jpg", imageAlt: "Professional haircut" },
|
||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-looking-mirror_23-2149220563.jpg", imageAlt: "Mirror reflection" },
|
||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-barber-wearing-uniform-shaving-his-beard-with-straight-razor-touching-his-neck-looking-side-isolated-olive-green-background_141793-85009.jpg", imageAlt: "Traditional shave" },
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardTwentyFour
|
||
animationType="blur-reveal"
|
||
textboxLayout="split"
|
||
useInvertedBackground={true}
|
||
features={[
|
||
{ id: "s1", title: "Κλασικό Κούρεμα", author: "Giorgio", description: "Παραδοσιακό κούρεμα προσαρμοσμένο στο στυλ σας.", tags: ["Haircut"], imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2150665414.jpg" },
|
||
{ id: "s2", title: "Περιποίηση Γενειάδας", author: "Giorgio", description: "Σχήμα και περιποίηση με τα καλύτερα προϊόντα.", tags: ["Beard"], imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18507.jpg" },
|
||
{ id: "s3", title: "Παραδοσιακό Ξύρισμα", author: "Giorgio", description: "Εμπειρία hot towel για βαθύ ξύρισμα.", tags: ["Shave"], imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-shaving-bathroom_23-2148271126.jpg" },
|
||
]}
|
||
title="Οι Υπηρεσίες μας"
|
||
description="Εξειδικευμένες περιποιήσεις για τον άνδρα που γνωρίζει την αξία του προσωπικού στυλ στο Κολωνάκι."
|
||
/>
|
||
</div>
|
||
|
||
<div id="team" data-section="team">
|
||
<TeamCardTwo
|
||
animationType="blur-reveal"
|
||
textboxLayout="split"
|
||
gridVariant="four-items-2x2-equal-grid"
|
||
useInvertedBackground={false}
|
||
members={[
|
||
{ id: "t1", name: "Giorgio", role: "Master Barber", description: "Ιδρυτής με πάνω από 15 χρόνια εμπειρίας στην τέχνη του grooming.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-posing-with-crossed-arms-brick-wall_176420-14690.jpg" },
|
||
{ id: "t2", name: "Νίκος", role: "Senior Barber", description: "Εξειδικευμένος στο κλασικό στυλ και το παραδοσιακό ξύρισμα.", imageSrc: "http://img.b2bpic.net/free-photo/pleased-slavic-middle-aged-male-barber-uniform-holding-barber-tools-isolated-purple-wall_141793-91610.jpg" },
|
||
]}
|
||
title="Η Ομάδα μας"
|
||
description="Επαγγελματίες που μετατρέπουν το κούρεμα σε ιεροτελεστία."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardTwelve
|
||
useInvertedBackground={true}
|
||
testimonials={[
|
||
{ id: "1", name: "Γιάννης Π.", imageSrc: "http://img.b2bpic.net/free-photo/happy-men-bachelor-party_23-2149275459.jpg" },
|
||
{ id: "2", name: "Αλέξανδρος Μ.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-young-man-sitting-office-coworking_171337-17642.jpg" },
|
||
{ id: "3", name: "Κώστας Τ.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-male-barbers-looking-camera_23-2147839857.jpg" },
|
||
]}
|
||
cardTitle="Τι λένε οι πελάτες μας"
|
||
cardTag="Κριτικές"
|
||
cardAnimation="blur-reveal"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplit
|
||
tag="Επικοινωνία"
|
||
title="Κλείστε το ραντεβού σας"
|
||
description="Βρισκόμαστε στην καρδιά του Κολωνακίου. Τηλεφωνήστε μας στο +30 210 1234567 για να κλείσετε τη θέση σας."
|
||
imageSrc="http://img.b2bpic.net/free-photo/front-view-leather-barber-shop-chair_23-2148256927.jpg?_wi=2"
|
||
background={{ variant: "rotated-rays-static" }}
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseReveal
|
||
logoText="Giorgio Barber Shop Kolonaki"
|
||
columns={[
|
||
{ title: "Υπηρεσίες", items: [{ label: "Κούρεμα", href: "#services" }, { label: "Ξύρισμα", href: "#services" }] },
|
||
{ title: "Επικοινωνία", items: [{ label: "Κολωνάκι, Αθήνα", href: "#" }, { label: "+30 210 1234567", href: "#" }] },
|
||
]}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|