Update src/app/page.tsx
This commit is contained in:
175
src/app/page.tsx
175
src/app/page.tsx
@@ -29,113 +29,65 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Αρχική",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Αρχική", id: "hero"},
|
||||
{
|
||||
name: "Υπηρεσίες",
|
||||
id: "services",
|
||||
},
|
||||
name: "Υπηρεσίες", id: "services"},
|
||||
{
|
||||
name: "Ομάδα",
|
||||
id: "team",
|
||||
},
|
||||
name: "Ομάδα", id: "team"},
|
||||
{
|
||||
name: "Κριτικές",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Κριτικές", id: "testimonials"},
|
||||
]}
|
||||
brandName="Giorgio Barber Shop"
|
||||
button={{
|
||||
text: "Κράτηση",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Κράτηση", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
title="Giorgio Barber Shop Kolonaki"
|
||||
description="Η τέχνη του παραδοσιακού κουρέματος στην καρδιά του Κολωνακίου. Εμπειρία, ποιότητα και στυλ."
|
||||
buttons={[
|
||||
{
|
||||
text: "Κλείστε Ραντεβού",
|
||||
href: "#contact",
|
||||
},
|
||||
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: "1", imageSrc: "http://img.b2bpic.net/free-photo/front-view-leather-barber-shop-chair_23-2148256927.jpg", imageAlt: "Barber shop interior"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/instruments-hairdresser-black-towel_23-2148181901.jpg",
|
||||
imageAlt: "Barber tools",
|
||||
},
|
||||
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: "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: "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: "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",
|
||||
},
|
||||
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: "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: "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",
|
||||
},
|
||||
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="Εξειδικευμένες περιποιήσεις για τον άνδρα που γνωρίζει την αξία του προσωπικού στυλ."
|
||||
@@ -144,38 +96,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTwo
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Γιώργος",
|
||||
role: "Master Barber",
|
||||
description: "15 χρόνια εμπειρίας.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-posing-with-crossed-arms-brick-wall_176420-14690.jpg",
|
||||
},
|
||||
id: "t1", name: "Γιώργος", role: "Master Barber", description: "15 χρόνια εμπειρίας.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-posing-with-crossed-arms-brick-wall_176420-14690.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Νίκος",
|
||||
role: "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",
|
||||
},
|
||||
id: "t2", name: "Νίκος", role: "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"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Κώστας",
|
||||
role: "Senior Barber",
|
||||
description: "Εξαιρετική λεπτομέρεια.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6328.jpg",
|
||||
},
|
||||
id: "t3", name: "Κώστας", role: "Senior Barber", description: "Εξαιρετική λεπτομέρεια.", imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6328.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Μάνος",
|
||||
role: "Barber",
|
||||
description: "Μοντέρνες τεχνικές.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7325.jpg",
|
||||
},
|
||||
id: "t4", name: "Μάνος", role: "Barber", description: "Μοντέρνες τεχνικές.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7325.jpg"},
|
||||
]}
|
||||
title="Η Ομάδα μας"
|
||||
description="Οι ειδικοί στο στυλ σας."
|
||||
@@ -187,30 +120,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Γιάννης Π.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-men-bachelor-party_23-2149275459.jpg",
|
||||
},
|
||||
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: "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",
|
||||
},
|
||||
id: "3", name: "Κώστας Τ.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-male-barbers-looking-camera_23-2147839857.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Παναγιώτης Σ.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-couple-with-cute-dog_23-2149614017.jpg",
|
||||
},
|
||||
id: "4", name: "Παναγιώτης Σ.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-couple-with-cute-dog_23-2149614017.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Βασίλης Κ.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-hair-cut-barber-shop4_23-2149186458.jpg",
|
||||
},
|
||||
id: "5", name: "Βασίλης Κ.", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-hair-cut-barber-shop4_23-2149186458.jpg"},
|
||||
]}
|
||||
cardTitle="Τι λένε οι πελάτες μας"
|
||||
cardTag="Κριτικές"
|
||||
@@ -222,14 +140,13 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
tag="Επικοινωνία"
|
||||
title="Κλείστε το ραντεβού σας"
|
||||
description="Επισκεφθείτε μας στο Κολωνάκι."
|
||||
mediaAnimation="blur-reveal"
|
||||
buttonText="Κράτηση"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-leather-barber-shop-chair_23-2148256927.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-leather-barber-shop-chair_23-2148256927.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -238,29 +155,19 @@ export default function LandingPage() {
|
||||
logoText="Giorgio Barber Shop"
|
||||
columns={[
|
||||
{
|
||||
title: "Υπηρεσίες",
|
||||
items: [
|
||||
title: "Υπηρεσίες", items: [
|
||||
{
|
||||
label: "Κούρεμα",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Κούρεμα", href: "#services"},
|
||||
{
|
||||
label: "Ξύρισμα",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Ξύρισμα", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Επικοινωνία",
|
||||
items: [
|
||||
title: "Επικοινωνία", items: [
|
||||
{
|
||||
label: "Κολωνάκι, Αθήνα",
|
||||
href: "#",
|
||||
},
|
||||
label: "Κολωνάκι, Αθήνα", href: "#"},
|
||||
{
|
||||
label: "+30 210 1234567",
|
||||
href: "#",
|
||||
},
|
||||
label: "+30 210 1234567", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user