Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| de7ee40db0 |
149
src/app/page.tsx
149
src/app/page.tsx
@@ -3,7 +3,6 @@
|
|||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
||||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||||
@@ -31,17 +30,11 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Αρχική",
|
name: "Αρχική", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Υπηρεσίες",
|
name: "Υπηρεσίες", id: "services"},
|
||||||
id: "services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Τοποθεσία",
|
name: "Τοποθεσία", id: "location"},
|
||||||
id: "location",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Car Wash 24/7"
|
brandName="Car Wash 24/7"
|
||||||
/>
|
/>
|
||||||
@@ -50,21 +43,15 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardScroll
|
<HeroBillboardScroll
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
title="Πλυντήριο Αυτοκινήτων 24/7 στη Νέα Φλογητά"
|
title="Πλυντήριο Αυτοκινήτων 24/7 στη Νέα Φλογητά"
|
||||||
description="Πλύσιμο αυτοκινήτου όλο το 24ωρο με εύκολη και γρήγορη εξυπηρέτηση."
|
description="Πλύσιμο αυτοκινήτου όλο το 24ωρο με εύκολη και γρήγορη εξυπηρέτηση."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Οδηγίες στο Χάρτη",
|
text: "Οδηγίες στο Χάρτη", href: "#location"},
|
||||||
href: "#location",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Καλέστε τώρα",
|
text: "Καλέστε τώρα", href: "tel:6984718568"},
|
||||||
href: "tel:6984718568",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BuAOTW0ix0HcFoHF8Pfy5vooK5/uploaded-1775572113133-4v14tq44.jpg"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -75,17 +62,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
negativeCard={{
|
negativeCard={{
|
||||||
items: [
|
items: [
|
||||||
"Καθαρισμός σασί",
|
"Καθαρισμός σασί", "Χρήση ηλεκτρικής σκούπας", "24/7 Διαθεσιμότητα"],
|
||||||
"Χρήση ηλεκτρικής σκούπας",
|
|
||||||
"24/7 Διαθεσιμότητα",
|
|
||||||
],
|
|
||||||
}}
|
}}
|
||||||
positiveCard={{
|
positiveCard={{
|
||||||
items: [
|
items: [
|
||||||
"Πλύσιμο αυτοκινήτου με κέρματα (self service)",
|
"Πλύσιμο αυτοκινήτου με κέρματα (self service)", "Πλύσιμο από προσωπικό (σε συγκεκριμένες ώρες)", "Εσωτερικός καθαρισμός"],
|
||||||
"Πλύσιμο από προσωπικό (σε συγκεκριμένες ώρες)",
|
|
||||||
"Εσωτερικός καθαρισμός",
|
|
||||||
],
|
|
||||||
}}
|
}}
|
||||||
title="Οι Υπηρεσίες μας"
|
title="Οι Υπηρεσίες μας"
|
||||||
description="Επαγγελματικός καθαρισμός για κάθε όχημα."
|
description="Επαγγελματικός καθαρισμός για κάθε όχημα."
|
||||||
@@ -99,19 +80,13 @@ export default function LandingPage() {
|
|||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
icon: Clock,
|
icon: Clock,
|
||||||
label: "Λειτουργία",
|
label: "Λειτουργία", value: "24/7"},
|
||||||
value: "24/7",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: MapPin,
|
icon: MapPin,
|
||||||
label: "Τοποθεσία",
|
label: "Τοποθεσία", value: "Παύλου Μελά 15"},
|
||||||
value: "Παύλου Μελά 15",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Check,
|
icon: Check,
|
||||||
label: "Εξυπηρέτηση",
|
label: "Εξυπηρέτηση", value: "Self-Service"},
|
||||||
value: "Self-Service",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
metricsAnimation="blur-reveal"
|
metricsAnimation="blur-reveal"
|
||||||
/>
|
/>
|
||||||
@@ -124,44 +99,19 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Γιώργος Π.", handle: "@giorgos", testimonial: "Με 3€ μπορείς να κάνεις πολύ καλό πλύσιμο. Πολύ ικανοποιημένος.", rating: 5,
|
||||||
name: "Γιώργος Π.",
|
|
||||||
handle: "@giorgos",
|
|
||||||
testimonial: "Με 3€ μπορείς να κάνεις πολύ καλό πλύσιμο. Πολύ ικανοποιημένος.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-side-portrait-happy-man-driving-car_158595-4184.jpg",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Μαρία Κ.", handle: "@maria", testimonial: "24 ώρες διαθέσιμο, το καλύτερο στη περιοχή.", rating: 5,
|
||||||
name: "Μαρία Κ.",
|
|
||||||
handle: "@maria",
|
|
||||||
testimonial: "24 ώρες διαθέσιμο, το καλύτερο στη περιοχή.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-his-car-carwash_1303-27483.jpg",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Νίκος Α.", handle: "@nikos", testimonial: "Καλή εμπειρία και πολύ λογικές τιμές.", rating: 4,
|
||||||
name: "Νίκος Α.",
|
|
||||||
handle: "@nikos",
|
|
||||||
testimonial: "Καλή εμπειρία και πολύ λογικές τιμές.",
|
|
||||||
rating: 4,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-summer-dress-outdoor_624325-3585.jpg",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "Ελένη Μ.", handle: "@eleni", testimonial: "Γρήγορο και καθαρό αποτέλεσμα κάθε φορά.", rating: 5,
|
||||||
name: "Ελένη Μ.",
|
|
||||||
handle: "@eleni",
|
|
||||||
testimonial: "Γρήγορο και καθαρό αποτέλεσμα κάθε φορά.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-sitting-car-looking-back_23-2147873930.jpg",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", name: "Κώστας Τ.", handle: "@kostas", testimonial: "Εύκολη χρήση, εξαιρετικό self-service.", rating: 5,
|
||||||
name: "Κώστας Τ.",
|
|
||||||
handle: "@kostas",
|
|
||||||
testimonial: "Εύκολη χρήση, εξαιρετικό self-service.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-having-mobile-talk-while-waiting-electric-car-charge-station-eco-cars_1157-50634.jpg",
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
showRating={true}
|
showRating={true}
|
||||||
@@ -178,32 +128,16 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", value: "NFC", title: "Πληρωμή", description: "Κάρτα & NFC", icon: CreditCard,
|
||||||
value: "NFC",
|
|
||||||
title: "Πληρωμή",
|
|
||||||
description: "Κάρτα & NFC",
|
|
||||||
icon: CreditCard,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", value: "High", title: "Σκούπα", description: "Ηλεκτρική σκούπα", icon: Wind,
|
||||||
value: "High",
|
|
||||||
title: "Σκούπα",
|
|
||||||
description: "Ηλεκτρική σκούπα",
|
|
||||||
icon: Wind,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", value: "Yes", title: "Πετσέτες", description: "Παροχή πετσετών", icon: Droplets,
|
||||||
value: "Yes",
|
|
||||||
title: "Πετσέτες",
|
|
||||||
description: "Παροχή πετσετών",
|
|
||||||
icon: Droplets,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", value: "WC", title: "Τουαλέτα", description: "Διαθέσιμη τουαλέτα", icon: Info,
|
||||||
value: "WC",
|
|
||||||
title: "Τουαλέτα",
|
|
||||||
description: "Διαθέσιμη τουαλέτα",
|
|
||||||
icon: Info,
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Παροχές"
|
title="Παροχές"
|
||||||
@@ -212,56 +146,37 @@ export default function LandingPage() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="location" data-section="location">
|
<div id="location" data-section="location">
|
||||||
<ContactSplit
|
<div className="container mx-auto py-20 px-4">
|
||||||
useInvertedBackground={true}
|
<h2 className="text-3xl font-bold mb-4">Τοποθεσία</h2>
|
||||||
background={{
|
<p className="text-lg">Παύλου Μελά 15, Νέα Φλογητά. Σας περιμένουμε ανά πάσα στιγμή.</p>
|
||||||
variant: "gradient-bars",
|
</div>
|
||||||
}}
|
|
||||||
tag="Τοποθεσία"
|
|
||||||
title="Επισκεφθείτε μας"
|
|
||||||
description="Παύλου Μελά 15, Νέα Φλογητά. Σας περιμένουμε ανά πάσα στιγμή."
|
|
||||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BuAOTW0ix0HcFoHF8Pfy5vooK5/uploaded-1775572113133-8qbv9zuo.jpg"
|
|
||||||
buttonText="Δείτε οδηγίες"
|
|
||||||
onSubmit={(email) => console.log(email)}
|
|
||||||
mediaAnimation="slide-up"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBase
|
<FooterBase
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Επικοινωνία",
|
title: "Επικοινωνία", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "6984718568",
|
label: "6984718568", href: "tel:6984718568"},
|
||||||
href: "tel:6984718568",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Facebook",
|
label: "Facebook", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Διεύθυνση",
|
title: "Διεύθυνση", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Παύλου Μελά 15",
|
label: "Παύλου Μελά 15", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Νέα Φλογητά",
|
label: "Νέα Φλογητά", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
logoText="Car Wash Nea Flogita 24/7"
|
logoText="Car Wash Nea Flogita 24/7"
|
||||||
copyrightText="© 2025 | Car Wash Nea Flogita"
|
copyrightText="© 2026 | Car Wash Nea Flogita"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user