Merge version_2 into main #4
115
src/app/page.tsx
115
src/app/page.tsx
@@ -28,44 +28,29 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Αρχική", id: "hero"},
|
||||
{
|
||||
name: "Υπηρεσίες", id: "services"},
|
||||
{
|
||||
name: "Ομάδα", id: "team"},
|
||||
{
|
||||
name: "Κριτικές", id: "testimonials"},
|
||||
{ name: "Αρχική", id: "hero" },
|
||||
{ name: "Υπηρεσίες", id: "services" },
|
||||
{ name: "Ομάδα", id: "team" },
|
||||
{ name: "Κριτικές", id: "testimonials" },
|
||||
]}
|
||||
brandName="Giorgio Barber Shop"
|
||||
button={{
|
||||
text: "Κράτηση", href: "#contact"}}
|
||||
brandName="Giorgio Barber Shop Kolonaki"
|
||||
button={{ text: "Κράτηση", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static"}}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
title="Giorgio Barber Shop Kolonaki"
|
||||
description="Η τέχνη του παραδοσιακού κουρέματος στην καρδιά του Κολωνακίου. Εμπειρία, ποιότητα και στυλ."
|
||||
buttons={[
|
||||
{
|
||||
text: "Κλείστε Ραντεβού", href: "#contact"},
|
||||
]}
|
||||
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"},
|
||||
{ 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>
|
||||
@@ -76,21 +61,12 @@ export default function LandingPage() {
|
||||
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"},
|
||||
{ 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="Εξειδικευμένες περιποιήσεις για τον άνδρα που γνωρίζει την αξία του προσωπικού στυλ."
|
||||
description="Εξειδικευμένες περιποιήσεις για τον άνδρα που γνωρίζει την αξία του προσωπικού στυλ στο Κολωνάκι."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -99,19 +75,12 @@ export default function LandingPage() {
|
||||
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: "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: "t4", name: "Μάνος", role: "Barber", description: "Μοντέρνες τεχνικές.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7325.jpg"},
|
||||
{ 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="Οι ειδικοί στο στυλ σας."
|
||||
description="Επαγγελματίες που μετατρέπουν το κούρεμα σε ιεροτελεστία."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -119,16 +88,9 @@ export default function LandingPage() {
|
||||
<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"},
|
||||
{
|
||||
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: "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="Κριτικές"
|
||||
@@ -138,38 +100,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static"}}
|
||||
tag="Επικοινωνία"
|
||||
title="Κλείστε το ραντεβού σας"
|
||||
description="Επισκεφθείτε μας στο Κολωνάκι."
|
||||
mediaAnimation="blur-reveal"
|
||||
buttonText="Κράτηση"
|
||||
description="Βρισκόμαστε στην καρδιά του Κολωνακίου. Τηλεφωνήστε μας στο +30 210 1234567 για να κλείσετε τη θέση σας."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-leather-barber-shop-chair_23-2148256927.jpg?_wi=2"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Giorgio Barber Shop"
|
||||
logoText="Giorgio Barber Shop Kolonaki"
|
||||
columns={[
|
||||
{
|
||||
title: "Υπηρεσίες", items: [
|
||||
{
|
||||
label: "Κούρεμα", href: "#services"},
|
||||
{
|
||||
label: "Ξύρισμα", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Επικοινωνία", items: [
|
||||
{
|
||||
label: "Κολωνάκι, Αθήνα", href: "#"},
|
||||
{
|
||||
label: "+30 210 1234567", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Υπηρεσίες", items: [{ label: "Κούρεμα", href: "#services" }, { label: "Ξύρισμα", href: "#services" }] },
|
||||
{ title: "Επικοινωνία", items: [{ label: "Κολωνάκι, Αθήνα", href: "#" }, { label: "+30 210 1234567", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user