Merge version_1 into main #2
363
src/app/page.tsx
363
src/app/page.tsx
@@ -10,7 +10,7 @@ import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarou
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { Building, Droplets, ShieldCheck, Tool, Wind, Wrench } from "lucide-react";
|
||||
import { Building, Droplets, ShieldCheck, Wrench, Wind, Settings } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -18,262 +18,129 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Αρχική",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Υπηρεσίες",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Γιατί εμάς",
|
||||
id: "why-us",
|
||||
},
|
||||
{
|
||||
name: "Κριτικές",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Επικοινωνία",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="AirCleaner"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Αρχική", id: "hero" },
|
||||
{ name: "Υπηρεσίες", id: "services" },
|
||||
{ name: "Γιατί εμάς", id: "why-us" },
|
||||
{ name: "Κριτικές", id: "testimonials" },
|
||||
{ name: "Επικοινωνία", id: "contact" },
|
||||
]}
|
||||
brandName="AirCleaner"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Επαγγελματικές Λύσεις Κλιματισμού στη Θεσσαλονίκη"
|
||||
description="Εγκατάσταση, συντήρηση & επισκευή κλιματιστικών για σπίτι και επιχείρηση."
|
||||
buttons={[
|
||||
{
|
||||
text: "Καλέστε τώρα",
|
||||
href: "tel:2316018954",
|
||||
},
|
||||
{
|
||||
text: "Κλείστε ραντεβού",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Δείτε τη δουλειά μας",
|
||||
href: "https://www.instagram.com/aircleaner.skg/",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BuAOTW0ix0HcFoHF8Pfy5vooK5/modern-hvac-professional-service-hero-ba-1775470600486-85d10a3e.png?_wi=1",
|
||||
imageAlt: "Επαγγελματικός κλιματισμός 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BuAOTW0ix0HcFoHF8Pfy5vooK5/modern-hvac-professional-service-hero-ba-1775470600486-85d10a3e.png?_wi=2",
|
||||
imageAlt: "Επαγγελματικός κλιματισμός 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BuAOTW0ix0HcFoHF8Pfy5vooK5/modern-hvac-professional-service-hero-ba-1775470600486-85d10a3e.png?_wi=3",
|
||||
imageAlt: "Επαγγελματικός κλιματισμός 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BuAOTW0ix0HcFoHF8Pfy5vooK5/modern-hvac-professional-service-hero-ba-1775470600486-85d10a3e.png?_wi=4",
|
||||
imageAlt: "Επαγγελματικός κλιματισμός 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BuAOTW0ix0HcFoHF8Pfy5vooK5/modern-hvac-professional-service-hero-ba-1775470600486-85d10a3e.png?_wi=5",
|
||||
imageAlt: "Επαγγελματικός κλιματισμός 5",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Επαγγελματικές Λύσεις Κλιματισμού στη Θεσσαλονίκη"
|
||||
description="Εγκατάσταση, συντήρηση & επισκευή κλιματιστικών για σπίτι και επιχείρηση."
|
||||
buttons={[
|
||||
{ text: "Καλέστε τώρα", href: "tel:2316018954" },
|
||||
{ text: "Κλείστε ραντεβού", href: "#contact" },
|
||||
{ text: "Δείτε τη δουλειά μας", href: "https://www.instagram.com/aircleaner.skg/" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BuAOTW0ix0HcFoHF8Pfy5vooK5/modern-hvac-professional-service-hero-ba-1775470600486-85d10a3e.png", imageAlt: "Επαγγελματικός κλιματισμός 1" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BuAOTW0ix0HcFoHF8Pfy5vooK5/modern-hvac-professional-service-hero-ba-1775470600486-85d10a3e.png", imageAlt: "Επαγγελματικός κλιματισμός 2" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BuAOTW0ix0HcFoHF8Pfy5vooK5/modern-hvac-professional-service-hero-ba-1775470600486-85d10a3e.png", imageAlt: "Επαγγελματικός κλιματισμός 3" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BuAOTW0ix0HcFoHF8Pfy5vooK5/modern-hvac-professional-service-hero-ba-1775470600486-85d10a3e.png", imageAlt: "Επαγγελματικός κλιματισμός 4" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BuAOTW0ix0HcFoHF8Pfy5vooK5/modern-hvac-professional-service-hero-ba-1775470600486-85d10a3e.png", imageAlt: "Επαγγελματικός κλιματισμός 5" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Wrench,
|
||||
title: "Εγκατάσταση",
|
||||
description: "Επαγγελματική τοποθέτηση κλιματιστικών με εγγύηση καλής λειτουργίας.",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Συντήρηση",
|
||||
description: "Προληπτικός έλεγχος για μέγιστη απόδοση και καθαρό αέρα.",
|
||||
},
|
||||
{
|
||||
icon: Droplets,
|
||||
title: "Καθαρισμός",
|
||||
description: "Βαθύς καθαρισμός και απολύμανση των στοιχείων του κλιματιστικού.",
|
||||
},
|
||||
{
|
||||
icon: Tool,
|
||||
title: "Επισκευή",
|
||||
description: "Γρήγορη αποκατάσταση κάθε βλάβης από εξειδικευμένους τεχνικούς.",
|
||||
},
|
||||
{
|
||||
icon: Wind,
|
||||
title: "Εξαερισμοί",
|
||||
description: "Συστήματα εξαερισμού για επαγγελματικούς και οικιακούς χώρους.",
|
||||
},
|
||||
{
|
||||
icon: Building,
|
||||
title: "Επαγγελματικά συστήματα",
|
||||
description: "Εξειδικευμένες λύσεις κλιματισμού για επιχειρήσεις και γραφεία.",
|
||||
},
|
||||
]}
|
||||
title="Υπηρεσίες"
|
||||
description="Ολοκληρωμένες λύσεις για τον κλιματισμό και τον εξαερισμό του χώρου σας."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Wrench, title: "Εγκατάσταση", description: "Επαγγελματική τοποθέτηση κλιματιστικών με εγγύηση καλής λειτουργίας." },
|
||||
{ icon: ShieldCheck, title: "Συντήρηση", description: "Προληπτικός έλεγχος για μέγιστη απόδοση και καθαρό αέρα." },
|
||||
{ icon: Droplets, title: "Καθαρισμός", description: "Βαθύς καθαρισμός και απολύμανση των στοιχείων του κλιματιστικού." },
|
||||
{ icon: Settings, title: "Επισκευή", description: "Γρήγορη αποκατάσταση κάθε βλάβης από εξειδικευμένους τεχνικούς." },
|
||||
{ icon: Wind, title: "Εξαερισμοί", description: "Συστήματα εξαερισμού για επαγγελματικούς και οικιακούς χώρους." },
|
||||
{ icon: Building, title: "Επαγγελματικά συστήματα", description: "Εξειδικευμένες λύσεις κλιματισμού για επιχειρήσεις και γραφεία." },
|
||||
]}
|
||||
title="Υπηρεσίες"
|
||||
description="Ολοκληρωμένες λύσεις για τον κλιματισμό και τον εξαερισμό του χώρου σας."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "100+",
|
||||
title: "Ικανοποιημένοι πελάτες",
|
||||
items: [
|
||||
"Σπίτια",
|
||||
"Γραφεία",
|
||||
"Καταστήματα",
|
||||
"Σχολεία",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "5+",
|
||||
title: "Χρόνια εμπειρίας",
|
||||
items: [
|
||||
"Τεχνική κατάρτιση",
|
||||
"Συνεχής ενημέρωση",
|
||||
"Εξειδίκευση",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "24/7",
|
||||
title: "Άμεση υποστήριξη",
|
||||
items: [
|
||||
"Ανταπόκριση",
|
||||
"Ποιότητα",
|
||||
"Αξιοπιστία",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Γιατί να επιλέξετε την AirCleaner"
|
||||
description="Πιστοποιημένη ποιότητα και επαγγελματισμός σε κάθε έργο."
|
||||
/>
|
||||
</div>
|
||||
<div id="why-us" data-section="why-us">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "1", value: "100+", title: "Ικανοποιημένοι πελάτες", items: ["Σπίτια", "Γραφεία", "Καταστήματα", "Σχολεία"] },
|
||||
{ id: "2", value: "5+", title: "Χρόνια εμπειρίας", items: ["Τεχνική κατάρτιση", "Συνεχής ενημέρωση", "Εξειδίκευση"] },
|
||||
{ id: "3", value: "24/7", title: "Άμεση υποστήριξη", items: ["Ανταπόκριση", "Ποιότητα", "Αξιοπιστία"] },
|
||||
]}
|
||||
title="Γιατί να επιλέξετε την AirCleaner"
|
||||
description="Πιστοποιημένη ποιότητα και επαγγελματισμός σε κάθε έργο."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Εξαιρετική δουλειά",
|
||||
quote: "Άμεση εξυπηρέτηση εν μέσω καλοκαιριού",
|
||||
name: "Γιώργος Π.",
|
||||
role: "Πελάτης",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BuAOTW0ix0HcFoHF8Pfy5vooK5/happy-customer-testimonial-avatar-1775470600330-2693b85a.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Επαγγελματισμός",
|
||||
quote: "Εξαιρετική εγκατάσταση και επαγγελματισμός",
|
||||
name: "Ελένη Μ.",
|
||||
role: "Πελάτης",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BuAOTW0ix0HcFoHF8Pfy5vooK5/happy-customer-testimonial-avatar-1775470600330-2693b85a.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Πολύ καλή τιμή",
|
||||
quote: "Γρήγοροι και με καλές τιμές",
|
||||
name: "Νίκος Α.",
|
||||
role: "Πελάτης",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BuAOTW0ix0HcFoHF8Pfy5vooK5/happy-customer-testimonial-avatar-1775470600330-2693b85a.png?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Σωστοί επαγγελματίες",
|
||||
quote: "Η καλύτερη εξυπηρέτηση στη Θεσσαλονίκη",
|
||||
name: "Μαρία Κ.",
|
||||
role: "Πελάτης",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BuAOTW0ix0HcFoHF8Pfy5vooK5/happy-customer-testimonial-avatar-1775470600330-2693b85a.png?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Το συνιστώ ανεπιφύλακτα",
|
||||
quote: "Πολύ ευγενικοί και ακριβείς",
|
||||
name: "Κώστας Σ.",
|
||||
role: "Πελάτης",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BuAOTW0ix0HcFoHF8Pfy5vooK5/happy-customer-testimonial-avatar-1775470600330-2693b85a.png?_wi=5",
|
||||
},
|
||||
]}
|
||||
title="Τι λένε οι πελάτες μας"
|
||||
description="Η εμπιστοσύνη σας είναι η καλύτερη διαφήμιση για εμάς."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Εξαιρετική δουλειά", quote: "Άμεση εξυπηρέτηση εν μέσω καλοκαιριού", name: "Γιώργος Π.", role: "Πελάτης", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BuAOTW0ix0HcFoHF8Pfy5vooK5/happy-customer-testimonial-avatar-1775470600330-2693b85a.png" },
|
||||
{ id: "2", title: "Επαγγελματισμός", quote: "Εξαιρετική εγκατάσταση και επαγγελματισμός", name: "Ελένη Μ.", role: "Πελάτης", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BuAOTW0ix0HcFoHF8Pfy5vooK5/happy-customer-testimonial-avatar-1775470600330-2693b85a.png" },
|
||||
{ id: "3", title: "Πολύ καλή τιμή", quote: "Γρήγοροι και με καλές τιμές", name: "Νίκος Α.", role: "Πελάτης", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BuAOTW0ix0HcFoHF8Pfy5vooK5/happy-customer-testimonial-avatar-1775470600330-2693b85a.png" },
|
||||
{ id: "4", title: "Σωστοί επαγγελματίες", quote: "Η καλύτερη εξυπηρέτηση στη Θεσσαλονίκη", name: "Μαρία Κ.", role: "Πελάτης", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BuAOTW0ix0HcFoHF8Pfy5vooK5/happy-customer-testimonial-avatar-1775470600330-2693b85a.png" },
|
||||
{ id: "5", title: "Το συνιστώ ανεπιφύλακτα", quote: "Πολύ ευγενικοί και ακριβείς", name: "Κώστας Σ.", role: "Πελάτης", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BuAOTW0ix0HcFoHF8Pfy5vooK5/happy-customer-testimonial-avatar-1775470600330-2693b85a.png" },
|
||||
]}
|
||||
title="Τι λένε οι πελάτες μας"
|
||||
description="Η εμπιστοσύνη σας είναι η καλύτερη διαφήμιση για εμάς."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="instagram" data-section="instagram">
|
||||
<BlogCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-actions"
|
||||
useInvertedBackground={false}
|
||||
title="Δείτε τη δουλειά μας"
|
||||
description="Ακολουθήστε μας στο Instagram για καθημερινές ενημερώσεις και δείγματα εργασίας."
|
||||
buttons={[
|
||||
{
|
||||
text: "Επισκεφθείτε το Instagram",
|
||||
href: "https://www.instagram.com/aircleaner.skg/",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="instagram" data-section="instagram">
|
||||
<BlogCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-actions"
|
||||
useInvertedBackground={false}
|
||||
title="Δείτε τη δουλειά μας"
|
||||
description="Ακολουθήστε μας στο Instagram για καθημερινές ενημερώσεις και δείγματα εργασίας."
|
||||
buttons={[{ text: "Επισκεφθείτε το Instagram", href: "https://www.instagram.com/aircleaner.skg/" }]}
|
||||
blogs={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Επικοινωνήστε μαζί μας"
|
||||
title="Κλείστε ραντεβού σήμερα"
|
||||
description="Μυσταικίδου 12, Καλαμαριά, Θεσσαλονίκη. Καλέστε μας στο 2316018954."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BuAOTW0ix0HcFoHF8Pfy5vooK5/modern-map-interface-showing-thessalonik-1775470600676-7700188b.png"
|
||||
mediaPosition="right"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Επικοινωνήστε μαζί μας"
|
||||
title="Κλείστε ραντεβού σήμερα"
|
||||
description="Μυσταικίδου 12, Καλαμαριά, Θεσσαλονίκη. Καλέστε μας στο 2316018954."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BuAOTW0ix0HcFoHF8Pfy5vooK5/modern-map-interface-showing-thessalonik-1775470600676-7700188b.png"
|
||||
mediaPosition="right"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="AirCleaner"
|
||||
leftLink={{
|
||||
text: "Πολιτική Απορρήτου",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "AirCleaner © 2024",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="AirCleaner"
|
||||
leftLink={{ text: "Πολιτική Απορρήτου", href: "#" }}
|
||||
rightLink={{ text: "AirCleaner © 2024", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user