Files
43b6fbf3-eed9-4067-8a56-82c…/src/app/page.tsx
2026-06-02 20:52:59 +00:00

578 lines
24 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { CheckCircle, Crown, DollarSign, HelpCircle, Palette, Sparkles, Star } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="smallMedium"
sizing="mediumLargeSizeLargeTitles"
background="fluid"
cardStyle="gradient-mesh"
primaryButtonStyle="gradient"
secondaryButtonStyle="radial-glow"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Αρχική",
id: "#hero",
},
{
name: "Σχετικά",
id: "#about",
},
{
name: "Υπηρεσίες",
id: "#features",
},
{
name: "Τιμές",
id: "#pricing",
},
{
name: "Κριτικές",
id: "#testimonials",
},
{
name: "Επικοινωνία",
id: "#contact",
},
]}
logoSrc="http://img.b2bpic.net/free-photo/still-life-beauty-products-spreading-out_23-2151345082.jpg"
logoAlt="Infinity Nail Creation Logo"
brandName="Infinity Nail Creation"
button={{
text: "Κλείστε ραντεβού",
href: "#contact",
}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
title="Ανακαλύψτε την Τέχνη των Νυχιών"
description="Στο Infinity Nail Creation, μεταμορφώνουμε τα νύχια σας σε έργα τέχνης. Απολαύστε πολυτελείς υπηρεσίες και ατελείωτη δημιουργικότητα."
testimonials={[
{
name: "Μαρία Παπαδοπούλου",
handle: "@mariapap",
testimonial: "Τα καλύτερα νύχια που είχα ποτέ! Άψογη εξυπηρέτηση και καταπληκτικά σχέδια. Το προτείνω ανεπιφύλακτα!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-smiling-white_1187-3837.jpg",
imageAlt: "Μαρία Παπαδοπούλου",
},
{
name: "Ελένη Βλάχου",
handle: "@elenivl",
testimonial: "Ένας χώρος όπου η τέχνη συναντά την τελειότητα. Νιώθω πάντα περιποιημένη και εντυπωσιασμένη με το αποτέλεσμα.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pleased-adult-handsome-man-wearing-glasses-looking-camera-doing-ok-sign-isolated-orange-wall_141793-112992.jpg",
imageAlt: "Ελένη Βλάχου",
},
{
name: "Σοφία Καραμήτρου",
handle: "@sofiakara",
testimonial: "Απόλυτα ικανοποιημένη! Οι τεχνίτριες είναι απίστευτα ταλαντούχες και ο χώρος είναι υπέροχος. Θα ξαναέρθω σίγουρα.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/glamour-overjoyed-senior-lady-laughs-happily-being-entertained-by-someone-dressed-fashion-clothes-special-occasion-isolated-pink-background-mature-woman-stylish-leopard-outfit_273609-35203.jpg",
imageAlt: "Σοφία Καραμήτρου",
},
{
name: "Άννα Γεωργίου",
handle: "@annage",
testimonial: "Το Infinity Nail Creation είναι το αγαπημένο μου μέρος για νύχια. Πάντα φεύγω με ένα χαμόγελο και υπέροχα νύχια!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-sitting-table_1262-5373.jpg",
imageAlt: "Άννα Γεωργίου",
},
{
name: "Κατερίνα Πέτρου",
handle: "@katerinapet",
testimonial: "Πολυτελής εμπειρία από την αρχή μέχρι το τέλος. Οι λεπτομέρειες κάνουν τη διαφορά και εδώ τις βρίσκεις σε αφθονία.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-shells-necklace_23-2149105401.jpg",
imageAlt: "Κατερίνα Πέτρου",
},
]}
tag="Πολυτέλεια στα Άκρα"
tagIcon={Sparkles}
buttons={[
{
text: "Κλείστε Ραντεβού",
href: "#contact",
},
{
text: "Δείτε Υπηρεσίες",
href: "#features",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/love-mother-daughter_496169-200.jpg"
imageAlt="Πολυτελής εσωτερικός χώρος κομμωτηρίου νυχιών με μια γυναίκα που κάνει μανικιούρ."
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/positive-european-woman-with-long-hair-being-glad-smiling-pleasantly_273609-7692.jpg",
alt: "Smiling woman client portrait",
},
{
src: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg",
alt: "Happy client headshot",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-woman-business-thinking-creative-beauty-black-lady-african-american-girl-isolated-gray-background_640221-36.jpg",
alt: "Confident woman smiling",
},
{
src: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367122.jpg",
alt: "Satisfied customer review",
},
{
src: "http://img.b2bpic.net/free-photo/elegant-woman-with-lemons-limes_155996-4.jpg",
alt: "Elegant woman portrait",
},
]}
avatarText="Πάνω από 500+ χαρούμενοι πελάτες!"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/pretty-nude-color-manicure-one-finger-shiny-golden-knitted-pink-wool-pillover-background_343596-4072.jpg",
alt: "Perfectly manicured nails",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262896.jpg",
alt: "Nail art design inspiration",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/close-up-hand-putting-cream_23-2148660811.jpg",
alt: "Luxurious hand care treatment",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/texture-with-splashes-red-tones_23-2147611892.jpg",
alt: "Sparkling gel nails",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/healthy-beautiful-manicure-manicurist_23-2148766562.jpg",
alt: "Professional nail polish application",
},
]}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Η Δέσμευσή μας για την Τελειότητα"
description="Στο Infinity Nail Creation, πιστεύουμε ότι τα νύχια σας είναι ένας καμβάς για την προσωπικότητά σας. Με χρόνια εμπειρίας και πάθος για την ομορφιά, προσφέρουμε εξατομικευμένες υπηρεσίες που ξεπερνούν τις προσδοκίες. Χρησιμοποιούμε μόνο προϊόντα υψηλής ποιότητας και τις πιο σύγχρονες τεχνικές για να εξασφαλίσουμε ένα άψογο και διαρκές αποτέλεσμα."
metrics={[
{
value: "5+",
title: "Χρόνια Εμπειρίας",
},
{
value: "500+",
title: "Ικανοποιημένοι Πελάτες",
},
{
value: "Ποιότητα",
title: "Εγγυημένα Προϊόντα",
},
]}
tag="Η Φιλοσοφία μας"
tagIcon={Star}
imageSrc="http://img.b2bpic.net/free-photo/close-up-hand-water-bowl_23-2149171335.jpg"
imageAlt="Nail technician working on client's hand in a luxurious salon setting."
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFour
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "gel-nails",
title: "Εφαρμογή Gel & Ημιμόνιμου",
author: "Ειδικοί σε Gel",
description: "Ανθεκτικότητα και λάμψη που διαρκεί. Επιλέξτε ανάμεσα σε μεγάλη ποικιλία χρωμάτων και σχεδίων.",
tags: [
"Διαρκεια",
"Λαμψη",
],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-red-wrapped-condom-pocket_23-2148237872.jpg",
imageAlt: "Gel nail application process close up.",
},
{
id: "nail-art",
title: "Μοναδικό Nail Art",
author: "Καλλιτεχνική Δημιουργία",
description: "Εξατομικευμένα σχέδια που αντικατοπτρίζουν το στυλ σας. Αφήστε τη φαντασία σας ελεύθερη.",
tags: [
"Σχεδια",
"Μοναδικοτητα",
],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-mixed-paint-fingers_23-2148263608.jpg",
imageAlt: "Intricate hand-painted nail art design.",
},
{
id: "pedicure",
title: "Πολυτελές Πεντικιούρ Spa",
author: "Εμπειρία Χαλάρωσης",
description: "Περιποίηση ποδιών που χαλαρώνει και αναζωογονεί. Ανακαλύψτε την άνεση και την υγεία.",
tags: [
"Χαλαρωση",
"Υγεια",
],
imageSrc: "http://img.b2bpic.net/free-photo/woman-having-her-manicure-done-salon-with-copy-space_23-2148697069.jpg",
imageAlt: "Luxurious spa pedicure treatment.",
},
]}
title="Οι Υπηρεσίες μας"
description="Ανακαλύψτε το πλήρες φάσμα των υπηρεσιών μας, σχεδιασμένες για να αναδείξουν την ομορφιά των νυχιών σας και να σας προσφέρουν μια μοναδική εμπειρία περιποίησης."
tag="Εξειδικευμένες Τεχνικές"
tagIcon={CheckCircle}
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
carouselMode="buttons"
products={[
{
id: "product-1",
name: "Classic French",
price: "55€",
variant: "Αέρινη Κομψότητα",
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-flower_23-2149820419.jpg",
imageAlt: "Classic French manicure",
},
{
id: "product-2",
name: "Glamour Red Gel",
price: "35€",
variant: "Έντονο Πάθος",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-red-condom-woman-s-fingers_23-2148259730.jpg",
imageAlt: "Vibrant red gel nails",
},
{
id: "product-3",
name: "Shimmering Glitter",
price: "70€",
variant: "Λάμψη Γιορτής",
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-golden-decoration-ball_23-2148346348.jpg",
imageAlt: "Sparkling glitter gradient nails",
},
{
id: "product-4",
name: "Matte Black Elegance",
price: "60€",
variant: "Μυστήριο & Στυλ",
imageSrc: "http://img.b2bpic.net/free-photo/woman-s-hands-holding-plant-side-view_23-2149640629.jpg",
imageAlt: "Elegant matte black nails",
},
{
id: "product-5",
name: "Spring Bloom Art",
price: "80€",
variant: "Άνθινη Έμπνευση",
imageSrc: "http://img.b2bpic.net/free-photo/soft-gentle-photo-woman-hand-with-big-ring-red-manicure-hold-cute-little-pink-dried-flowers-white_343596-3264.jpg",
imageAlt: "Delicate floral nail art",
},
{
id: "product-6",
name: "Crystal Extensions",
price: "90€",
variant: "Απόλυτη Αντοχή",
imageSrc: "http://img.b2bpic.net/free-photo/happy-exited-young-hipster-girl-with-pink-trendy-hairs-bright-make-up-ready-celebration-winter-fur-leopard-coat-positive-mood-ready-celebration_291049-1660.jpg",
imageAlt: "Crystal clear acrylic nail extensions",
},
]}
title="Signature Look & Collections"
description="Εμπνευστείτε από τις signature επιλογές μας και ανακαλύψτε το επόμενο αγαπημένο σας στυλ νυχιών. Κάθε σχέδιο είναι μια δήλωση."
tag="Δηλώστε το Στυλ σας"
tagIcon={Palette}
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardFive
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "basic-manicure",
tag: "Βασικό",
price: "30€",
period: "/περιποίηση",
description: "Η ιδανική επιλογή για γρήγορη ανανέωση και περιποίηση των νυχιών σας.",
button: {
text: "Κλείστε Ραντεβού",
href: "#contact",
},
featuresTitle: "Περιλαμβάνει:",
features: [
"Αφαίρεση βερνικιού",
"Σχηματισμός νυχιών",
"Περιποίηση επωνυχίων",
"Ενυδάτωση",
],
},
{
id: "gel-manicure",
tag: "Δημοφιλές",
tagIcon: Sparkles,
price: "45€",
period: "/περιποίηση",
description: "Απολαύστε ανθεκτικότητα και εκθαμβωτική λάμψη που διαρκεί για εβδομάδες.",
button: {
text: "Κλείστε Ραντεβού",
href: "#contact",
},
featuresTitle: "Περιλαμβάνει:",
features: [
"Όλα τα βασικά του Βασικού",
"Εφαρμογή gel/ημιμόνιμου",
"Επιλογή χρώματος",
"Αφαίρεση παλαιού gel",
],
},
{
id: "luxury-package",
tag: "Premium",
tagIcon: Crown,
price: "75€",
period: "/περιποίηση",
description: "Η απόλυτη εμπειρία περιποίησης, που συνδυάζει ομορφία και χαλάρωση.",
button: {
text: "Κλείστε Ραντεβού",
href: "#contact",
},
featuresTitle: "Περιλαμβάνει:",
features: [
"Όλα τα βασικά του Gel",
"Εξατομικευμένο Nail Art",
"Μασάζ χεριών/ποδιών",
"Θεραπεία παραφίνης",
],
},
]}
title="Επιλέξτε το Πακέτο Περιποίησης σας"
description="Κάθε πακέτο έχει σχεδιαστεί για να καλύψει τις ανάγκες σας, προσφέροντας εξαιρετική ποιότητα και αξία."
tag="Οι Τιμές μας"
tagIcon={DollarSign}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
useInvertedBackground={true}
testimonial="«Η εμπειρία μου στο Infinity Nail Creation ήταν απλά εκπληκτική! Οι τεχνίτριες είναι απίστευτα ταλαντούχες και ο χώρος είναι υπέροχος. Τα νύχια μου είναι πάντα τέλεια και λαμβάνω συνέχεια κολακευτικά σχόλια. Είμαι τόσο χαρούμενη που βρήκα αυτό το μέρος!»"
rating={5}
author="Ελένη Π., Ικανοποιημένη Πελάτισσα"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/oops-sorry-smiling-happy-blond-girl-shrugging-shoulders-looking-unbothered-have-nothing-dont-know-standing-white-background-clueless_176420-50425.jpg",
alt: "Ελένη Π.",
},
{
src: "http://img.b2bpic.net/free-photo/male-female-friends-getting-manicure-together_23-2150285919.jpg",
alt: "Μαρία Γ.",
},
{
src: "http://img.b2bpic.net/free-photo/woman-being-asked-marry-her-boyfriend_23-2148435793.jpg",
alt: "Σοφία Κ.",
},
{
src: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-doing-manicure-blue_140725-24222.jpg",
alt: "Άννα Β.",
},
{
src: "http://img.b2bpic.net/free-photo/pretty-model-demonstrating-expensive-jewelry_7502-7048.jpg",
alt: "Δήμητρα Λ.",
},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "faq-1",
title: "Πόσο διαρκεί ένα ραντεβού;",
content: "Η διάρκεια εξαρτάται από την υπηρεσία. Για ένα απλό μανικιούρ, περίπου 30-45 λεπτά, ενώ για gel ή nail art, μπορεί να χρειαστούν 1-2 ώρες.",
},
{
id: "faq-2",
title: "Χρησιμοποιείτε υποαλλεργικά προϊόντα;",
content: "Ναι, χρησιμοποιούμε μόνο επώνυμα, δερματολογικά ελεγμένα και υποαλλεργικά προϊόντα, για την ασφάλεια και την υγεία των νυχιών σας.",
},
{
id: "faq-3",
title: "Πώς μπορώ να κλείσω ραντεβού;",
content: "Μπορείτε να κλείσετε ραντεβού τηλεφωνικά, μέσω της φόρμας επικοινωνίας στην ιστοσελίδα μας, ή με απευθείας μήνυμα στα social media.",
},
]}
title="Συχνές Ερωτήσεις"
description="Βρείτε απαντήσεις στις πιο συχνές ερωτήσεις σχετικά με τις υπηρεσίες, τα ραντεβού και την περιποίηση των νυχιών μας."
tag="Πληροφορίες"
tagIcon={HelpCircle}
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={true}
title="Επικοινωνήστε Μαζί μας"
description="Θα χαρούμε να απαντήσουμε σε όλες σας τις ερωτήσεις και να κλείσουμε το ραντεβού σας για μια μοναδική εμπειρία περιποίησης."
inputs={[
{
name: "name",
type: "text",
placeholder: "Ονοματεπώνυμο",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email",
required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Τηλέφωνο (προαιρετικό)",
required: false,
},
]}
textarea={{
name: "message",
placeholder: "Το μήνυμά σας",
rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/woman-holds-black-mascara-her-hand_1153-3742.jpg"
imageAlt="Clean and modern nail salon interior with comfortable seating."
mediaAnimation="slide-up"
mediaPosition="left"
buttonText="Αποστολή"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Υπηρεσίες",
items: [
{
label: "Μανικιούρ Gel",
href: "#features",
},
{
label: "Nail Art",
href: "#features",
},
{
label: "Πεντικιούρ Spa",
href: "#features",
},
{
label: "Αποτρίχωση",
href: "#",
},
],
},
{
title: "Σχετικά",
items: [
{
label: "Η Ιστορία μας",
href: "#about",
},
{
label: "Η Ομάδα",
href: "#",
},
{
label: "Κριτικές",
href: "#testimonials",
},
{
label: "Συχνές Ερωτήσεις",
href: "#faq",
},
],
},
{
title: "Επικοινωνία",
items: [
{
label: "Κλείστε Ραντεβού",
href: "#contact",
},
{
label: "Τηλέφωνο: 210 1234567",
href: "tel:+302101234567",
},
{
label: "Email: info@infinitynail.gr",
href: "mailto:info@infinitynail.gr",
},
{
label: "Διεύθυνση",
href: "#",
},
],
},
]}
logoSrc="http://img.b2bpic.net/free-photo/still-life-beauty-products-spreading-out_23-2151345082.jpg"
logoAlt="Infinity Nail Creation Logo"
logoText="Infinity Nail Creation"
copyrightText="© 2024 Infinity Nail Creation. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}