Update src/app/page.tsx
This commit is contained in:
265
src/app/page.tsx
265
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Αρχική",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Αρχική", id: "hero"},
|
||||
{
|
||||
name: "Σχετικά",
|
||||
id: "about",
|
||||
},
|
||||
name: "Σχετικά", id: "about"},
|
||||
{
|
||||
name: "Υπηρεσίες",
|
||||
id: "features",
|
||||
},
|
||||
name: "Υπηρεσίες", id: "features"},
|
||||
{
|
||||
name: "Ομάδα",
|
||||
id: "team",
|
||||
},
|
||||
name: "Ομάδα", id: "team"},
|
||||
{
|
||||
name: "Επικοινωνία",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Επικοινωνία", id: "contact"},
|
||||
]}
|
||||
brandName="Medusa Barber"
|
||||
/>
|
||||
@@ -59,19 +49,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
logoText="Medusa Barber"
|
||||
variant: "plain"}}
|
||||
logoText="Medusa Barber: Your Signature Look in Diavata"
|
||||
description="Το κορυφαίο κουρείο στα Διαβατά για μοντέρνα κουρέματα και παραδοσιακή περιποίηση. Ζήστε την απόλυτη εμπειρία ανδρικής grooming περιποίησης."
|
||||
buttons={[
|
||||
{
|
||||
text: "Κλείστε Ραντεβού",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Κλείστε Ραντεβού", href: "#contact"},
|
||||
{
|
||||
text: "Δείτε Υπηρεσίες",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Δείτε Υπηρεσίες", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-hairdresser-sitting-barber-chair-waiting-customer_613910-3902.jpg"
|
||||
imageAlt="barber shop interior modern"
|
||||
@@ -96,38 +81,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Κλασικό Κούρεμα",
|
||||
author: "Medusa Style",
|
||||
description: "Παραδοσιακό κούρεμα με ψαλίδι και μηχανή που αναδεικνύει το πρόσωπό σας.",
|
||||
tags: [
|
||||
"Hair",
|
||||
"Style",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-5727.jpg",
|
||||
},
|
||||
id: "f1", title: "Κλασικό Κούρεμα", author: "Medusa Style", description: "Παραδοσιακό κούρεμα με ψαλίδι και μηχανή που αναδεικνύει το πρόσωπό σας.", tags: [
|
||||
"Hair", "Style"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-5727.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Περιποίηση Γενειάδας",
|
||||
author: "Medusa Style",
|
||||
description: "Περιποίηση με θερμή πετσέτα και προϊόντα υψηλής ποιότητας για τέλειο σχήμα.",
|
||||
tags: [
|
||||
"Beard",
|
||||
"Care",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-trimming-beard-man_23-2147778822.jpg",
|
||||
},
|
||||
id: "f2", title: "Περιποίηση Γενειάδας", author: "Medusa Style", description: "Περιποίηση με θερμή πετσέτα και προϊόντα υψηλής ποιότητας για τέλειο σχήμα.", tags: [
|
||||
"Beard", "Care"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-trimming-beard-man_23-2147778822.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Styling & Grooming",
|
||||
author: "Medusa Style",
|
||||
description: "Επιμέλεια του στυλ σας με τα καλύτερα επαγγελματικά προϊόντα της αγοράς.",
|
||||
tags: [
|
||||
"Grooming",
|
||||
"Styling",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-self-care-items-arrangement_23-2150347128.jpg",
|
||||
},
|
||||
id: "f3", title: "Styling & Grooming", author: "Medusa Style", description: "Επιμέλεια του στυλ σας με τα καλύτερα επαγγελματικά προϊόντα της αγοράς.", tags: [
|
||||
"Grooming", "Styling"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-self-care-items-arrangement_23-2150347128.jpg"},
|
||||
]}
|
||||
title="Οι Υπηρεσίες μας"
|
||||
description="Εξειδικευμένες υπηρεσίες περιποίησης για τον σύγχρονο άνδρα."
|
||||
@@ -142,40 +106,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Hair Wax",
|
||||
price: "15€",
|
||||
variant: "Strong Hold",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sided-view-hand-taking-cream_23-2149596093.jpg",
|
||||
},
|
||||
id: "p1", name: "Hair Wax", price: "15€", variant: "Strong Hold", imageSrc: "http://img.b2bpic.net/free-photo/sided-view-hand-taking-cream_23-2149596093.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Beard Oil",
|
||||
price: "18€",
|
||||
variant: "Natural",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-bottle-oils-with-pipette_23-2148317664.jpg",
|
||||
},
|
||||
id: "p2", name: "Beard Oil", price: "18€", variant: "Natural", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-bottle-oils-with-pipette_23-2148317664.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Aftershave",
|
||||
price: "12€",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-shaving-accessories-with-napkin-wooden-table_23-2148088555.jpg",
|
||||
},
|
||||
id: "p3", name: "Aftershave", price: "12€", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-shaving-accessories-with-napkin-wooden-table_23-2148088555.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Hair Tonic",
|
||||
price: "14€",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-using-dry-shampoo-home_23-2150706341.jpg",
|
||||
},
|
||||
id: "p4", name: "Hair Tonic", price: "14€", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-using-dry-shampoo-home_23-2150706341.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Beard Brush",
|
||||
price: "10€",
|
||||
variant: "Wood",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-grooming-beard_23-2149137907.jpg",
|
||||
},
|
||||
id: "p5", name: "Beard Brush", price: "10€", variant: "Wood", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-grooming-beard_23-2149137907.jpg"},
|
||||
]}
|
||||
title="Επαγγελματικά Προϊόντα"
|
||||
description="Διατηρήστε το στυλ σας στο σπίτι με τα δικά μας επιλεγμένα προϊόντα."
|
||||
@@ -189,55 +128,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "pl1",
|
||||
tag: "Basic",
|
||||
price: "10€",
|
||||
period: "Session",
|
||||
description: "Κλασικό ανδρικό κούρεμα.",
|
||||
button: {
|
||||
text: "Κράτηση",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Περιλαμβάνει",
|
||||
features: [
|
||||
"Λούσιμο",
|
||||
"Κούρεμα",
|
||||
"Styling",
|
||||
],
|
||||
id: "pl1", tag: "Basic", price: "10€", period: "Session", description: "Κλασικό ανδρικό κούρεμα.", button: {
|
||||
text: "Κράτηση", href: "#contact"},
|
||||
featuresTitle: "Περιλαμβάνει", features: [
|
||||
"Λούσιμο", "Κούρεμα", "Styling"],
|
||||
},
|
||||
{
|
||||
id: "pl2",
|
||||
tag: "Premium",
|
||||
price: "15€",
|
||||
period: "Session",
|
||||
description: "Κούρεμα και περιποίηση γενειάδας.",
|
||||
button: {
|
||||
text: "Κράτηση",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Περιλαμβάνει",
|
||||
features: [
|
||||
"Κούρεμα",
|
||||
"Περιποίηση Γενειάδας",
|
||||
"Θερμή Πετσέτα",
|
||||
],
|
||||
id: "pl2", tag: "Premium", price: "15€", period: "Session", description: "Κούρεμα και περιποίηση γενειάδας.", button: {
|
||||
text: "Κράτηση", href: "#contact"},
|
||||
featuresTitle: "Περιλαμβάνει", features: [
|
||||
"Κούρεμα", "Περιποίηση Γενειάδας", "Θερμή Πετσέτα"],
|
||||
},
|
||||
{
|
||||
id: "pl3",
|
||||
tag: "Full",
|
||||
price: "20€",
|
||||
period: "Session",
|
||||
description: "Ολοκληρωμένη περιποίηση.",
|
||||
button: {
|
||||
text: "Κράτηση",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Περιλαμβάνει",
|
||||
features: [
|
||||
"Κούρεμα",
|
||||
"Beard Trim",
|
||||
"Περιποίηση Προσώπου",
|
||||
],
|
||||
id: "pl3", tag: "Full", price: "20€", period: "Session", description: "Ολοκληρωμένη περιποίηση.", button: {
|
||||
text: "Κράτηση", href: "#contact"},
|
||||
featuresTitle: "Περιλαμβάνει", features: [
|
||||
"Κούρεμα", "Beard Trim", "Περιποίηση Προσώπου"],
|
||||
},
|
||||
]}
|
||||
title="Τιμοκατάλογος"
|
||||
@@ -253,23 +159,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Γιώργος",
|
||||
role: "Master Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-bearded-black-male-with-tattoo-cross-arms-dressed-white-shirt_613910-15917.jpg",
|
||||
},
|
||||
id: "t1", name: "Γιώργος", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/positive-bearded-black-male-with-tattoo-cross-arms-dressed-white-shirt_613910-15917.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Μάνος",
|
||||
role: "Senior Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-male-barber-uniform-holding-points-comb-with-scissors-isolated-blue_141793-73792.jpg",
|
||||
},
|
||||
id: "t2", name: "Μάνος", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-male-barber-uniform-holding-points-comb-with-scissors-isolated-blue_141793-73792.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Νίκος",
|
||||
role: "Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barber-giving-his-client-nice-haircut_23-2149186479.jpg",
|
||||
},
|
||||
id: "t3", name: "Νίκος", role: "Barber", imageSrc: "http://img.b2bpic.net/free-photo/male-barber-giving-his-client-nice-haircut_23-2149186479.jpg"},
|
||||
]}
|
||||
title="Η Ομάδα μας"
|
||||
description="Οι ειδικοί που θα φροντίσουν το στυλ σας."
|
||||
@@ -283,45 +177,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "ts1",
|
||||
name: "Γιώργος Π.",
|
||||
handle: "@gp_diavata",
|
||||
testimonial: "Το καλύτερο κούρεμα που έχω κάνει ποτέ. Πολύ φιλικό περιβάλλον!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-slavic-middle-aged-male-barber-uniform-holding-barber-tools-isolated-purple-wall_141793-91610.jpg",
|
||||
},
|
||||
id: "ts1", name: "Γιώργος Π.", handle: "@gp_diavata", testimonial: "Το καλύτερο κούρεμα που έχω κάνει ποτέ. Πολύ φιλικό περιβάλλον!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-slavic-middle-aged-male-barber-uniform-holding-barber-tools-isolated-purple-wall_141793-91610.jpg"},
|
||||
{
|
||||
id: "ts2",
|
||||
name: "Δημήτρης Κ.",
|
||||
handle: "@dimitrisk",
|
||||
testimonial: "Άψογη περιποίηση γενειάδας, πραγματικοί επαγγελματίες.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-long-beard-mustache-showing-thumbs-up-standing-front-grey-wall_181624-26654.jpg",
|
||||
},
|
||||
id: "ts2", name: "Δημήτρης Κ.", handle: "@dimitrisk", testimonial: "Άψογη περιποίηση γενειάδας, πραγματικοί επαγγελματίες.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-long-beard-mustache-showing-thumbs-up-standing-front-grey-wall_181624-26654.jpg"},
|
||||
{
|
||||
id: "ts3",
|
||||
name: "Αλέξανδρος Μ.",
|
||||
handle: "@alexm",
|
||||
testimonial: "Καθαρός χώρος, άριστη εξυπηρέτηση. Σίγουρα θα ξαναπάω.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-beautiful-female-barber-uniform-showing-okay-gesture-isolated-pink-background_141793-118849.jpg",
|
||||
},
|
||||
id: "ts3", name: "Αλέξανδρος Μ.", handle: "@alexm", testimonial: "Καθαρός χώρος, άριστη εξυπηρέτηση. Σίγουρα θα ξαναπάω.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-beautiful-female-barber-uniform-showing-okay-gesture-isolated-pink-background_141793-118849.jpg"},
|
||||
{
|
||||
id: "ts4",
|
||||
name: "Κώστας Σ.",
|
||||
handle: "@kostass",
|
||||
testimonial: "Το Medusa Barber είναι το κουρείο που έψαχνα στα Διαβατά.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-helping-each-other-with-make-up-bed_23-2148708892.jpg",
|
||||
},
|
||||
id: "ts4", name: "Κώστας Σ.", handle: "@kostass", testimonial: "Το Medusa Barber είναι το κουρείο που έψαχνα στα Διαβατά.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-helping-each-other-with-make-up-bed_23-2148708892.jpg"},
|
||||
{
|
||||
id: "ts5",
|
||||
name: "Θανάσης Γ.",
|
||||
handle: "@thanasig",
|
||||
testimonial: "Εξαιρετική δουλειά και πολύ προσιτές τιμές.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-man-smiling-street-kuala-lumpur-urban-men-clothing-style-soap-bubbles-fly-air_1321-2139.jpg",
|
||||
},
|
||||
id: "ts5", name: "Θανάσης Γ.", handle: "@thanasig", testimonial: "Εξαιρετική δουλειά και πολύ προσιτές τιμές.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-man-smiling-street-kuala-lumpur-urban-men-clothing-style-soap-bubbles-fly-air_1321-2139.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Τι λένε για εμάς"
|
||||
@@ -336,22 +205,14 @@ export default function LandingPage() {
|
||||
description="Είμαστε εδώ για να ανανεώσουμε το στυλ σας. Στείλτε μας μήνυμα για να κλείσετε ραντεβού."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Ονοματεπώνυμο",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Ονοματεπώνυμο", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Τηλέφωνο",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "Τηλέφωνο", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Πότε επιθυμείτε να έρθετε;",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Πότε επιθυμείτε να έρθετε?", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286009.jpg"
|
||||
@@ -364,29 +225,19 @@ export default function LandingPage() {
|
||||
logoText="Medusa Barber"
|
||||
columns={[
|
||||
{
|
||||
title: "Πλοήγηση",
|
||||
items: [
|
||||
title: "Πλοήγηση", items: [
|
||||
{
|
||||
label: "Αρχική",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Αρχική", href: "#hero"},
|
||||
{
|
||||
label: "Υπηρεσίες",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Υπηρεσίες", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Επικοινωνία",
|
||||
items: [
|
||||
title: "Επικοινωνία", items: [
|
||||
{
|
||||
label: "Τηλέφωνο",
|
||||
href: "tel:+302310000000",
|
||||
},
|
||||
label: "Τηλέφωνο", href: "tel:+302310000000"},
|
||||
{
|
||||
label: "Διαβατά",
|
||||
href: "#",
|
||||
},
|
||||
label: "Διαβατά", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -395,4 +246,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user