Merge version_2 into main #1
504
src/app/page.tsx
504
src/app/page.tsx
@@ -28,393 +28,141 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Gizy Nail Studio"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Ana Sayfa", id: "hero" },
|
||||
{ name: "Hakkımızda", id: "about" },
|
||||
{ name: "Hizmetler", id: "services" },
|
||||
{ name: "Galeri", id: "gallery" },
|
||||
{ name: "Ekibimiz", id: "team" },
|
||||
{ name: "İletişim", id: "contact" },
|
||||
]}
|
||||
brandName="Gizy Nail Studio"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Elegance at Your Fingertips"
|
||||
description="Professional nail art and care at Gizy Nail Studio. Discover refined designs and expert manicures designed to make you feel beautiful."
|
||||
kpis={[
|
||||
{
|
||||
value: "100+",
|
||||
label: "Model Designs",
|
||||
},
|
||||
{
|
||||
value: "5k+",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
{
|
||||
value: "10",
|
||||
label: "Years Experience",
|
||||
},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "WhatsApp Us",
|
||||
href: "https://wa.me/yournumber",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/nail-care-manicure-process_23-2149130306.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-caring-her-skin-near-mirror-bathroom_1301-7640.jpg",
|
||||
alt: "Elegant nail studio customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-female-hands-finger-nail-treatment-making-process-professional-nail-file-drill-action-beauty-hand-care-concept_343596-1831.jpg",
|
||||
alt: "Manicure process detail",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/manicure-procedure-progress-beautician-master-applying-color-nail-polish-closeup-hands_613910-20404.jpg",
|
||||
alt: "Nail polish application",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hands-with-colorful-nails_23-2149921709.jpg",
|
||||
alt: "Colorful nail art",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-female-friends-getting-manicure-together_23-2150285918.jpg",
|
||||
alt: "Satisfied client",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 5,000+ satisfied clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Gel Nails",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Manicures",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Custom Nail Art",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Long-lasting Extensions",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Spa Care",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Tırnaklarınızda Kusursuz Şıklık"
|
||||
description="Gizy Nail Studio'da profesyonel tırnak bakımı ve sanatıyla tanışın. Size özel tasarımlar ve uzman dokunuşlarla kendinizi özel hissedin."
|
||||
kpis={[
|
||||
{ value: "100+", label: "Model Seçeneği" },
|
||||
{ value: "5k+", label: "Mutlu Müşteri" },
|
||||
{ value: "10", label: "Yıllık Deneyim" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{ text: "Randevu Al", href: "#contact" },
|
||||
{ text: "WhatsApp ile İletişim", href: "https://wa.me/905550000000" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/nail-care-manicure-process_23-2149130306.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Experience Professional Nail Care at Gizy Nail Studio"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Full Gallery",
|
||||
href: "#gallery",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
title="Gizy Nail Studio ile Profesyonel Tırnak Bakımı"
|
||||
buttons={[{ text: "Galeriyi İncele", href: "#gallery" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Gel Manicure",
|
||||
author: "High Gloss Finish",
|
||||
description: "Long-lasting gel nails with over 100 color options to choose from.",
|
||||
tags: [
|
||||
"Gel",
|
||||
"Gloss",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-woman-s-hand-with-white-manicure_181624-61773.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Nail Extensions",
|
||||
author: "Strength & Beauty",
|
||||
description: "Perfectly shaped extensions tailored to your personal aesthetic preferences.",
|
||||
tags: [
|
||||
"Extension",
|
||||
"Custom",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-nude-color-manicure-one-finger-shiny-golden-knitted-pink-wool-pillover-background_343596-4066.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Custom Nail Art",
|
||||
author: "Unique Designs",
|
||||
description: "Express your style with intricate hand-painted designs and detailing.",
|
||||
tags: [
|
||||
"Artistic",
|
||||
"Creative",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-incognito-woman-with-elegant-dark-nails-manicured-fingers-with-rings-wearing-red-compact-crossbag-bright-red-color_132075-12161.jpg",
|
||||
},
|
||||
]}
|
||||
title="Professional Services"
|
||||
description="We offer top-tier nail care solutions to keep your hands looking flawless."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyFour
|
||||
title="Hizmetlerimiz"
|
||||
description="Tırnaklarınız için en kaliteli ve estetik çözümleri sunuyoruz."
|
||||
features={[
|
||||
{ id: "s1", title: "Kalıcı Oje", author: "Parlak ve Dayanıklı", description: "Uzun süreli kullanım sağlayan profesyonel kalıcı oje uygulamaları.", tags: ["Oje", "Kalıcı"], imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-woman-s-hand-with-white-manicure_181624-61773.jpg" },
|
||||
{ id: "s2", title: "Protez Tırnak", author: "Estetik Şekillendirme", description: "Kişisel isteğinize uygun, mükemmel şekillendirilmiş protez tırnaklar.", tags: ["Protez", "Estetik"], imageSrc: "http://img.b2bpic.net/free-photo/pretty-nude-color-manicure-one-finger-shiny-golden-knitted-pink-wool-pillover-background_343596-4066.jpg" },
|
||||
{ id: "s3", title: "Özel Tırnak Sanatı", author: "El Boyaması Tasarımlar", description: "İsteğinize özel, sanatsal tırnak süslemeleri ve detaylı işçilik.", tags: ["Sanat", "Özel"], imageSrc: "http://img.b2bpic.net/free-photo/close-up-incognito-woman-with-elegant-dark-nails-manicured-fingers-with-rings-wearing-red-compact-crossbag-bright-red-color_132075-12161.jpg" },
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Summer Sunshine",
|
||||
price: "Model #001",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caring-young-mother-kissing-babys-feet-close-up_169016-37223.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Classic French",
|
||||
price: "Model #002",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beauty-nail-art_23-2149249963.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Glitter Glam",
|
||||
price: "Model #003",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nail-art-professional-working-client-nails_23-2149265951.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Midnight Matte",
|
||||
price: "Model #004",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-varnish_23-2149820414.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Floral Fantasy",
|
||||
price: "Model #005",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails_23-2149820388.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Neon Dreams",
|
||||
price: "Model #006",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautician-working-with-client-beauty-salon-applying-color-nail-polish-manicure-procedure-beauty-salon_613910-20279.jpg",
|
||||
},
|
||||
]}
|
||||
title="Explore Our 100+ Styles"
|
||||
description="Browse our expansive collection of premium nail styles for every occasion."
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardThree
|
||||
title="Tırnak Modellerimiz"
|
||||
description="Galerimizden ilham alarak kendi tarzınızı oluşturun."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
products={[
|
||||
{ id: "g1", name: "Yaz Esintisi", price: "Model #001", imageSrc: "http://img.b2bpic.net/free-photo/caring-young-mother-kissing-babys-feet-close-up_169016-37223.jpg" },
|
||||
{ id: "g2", name: "Klasik French", price: "Model #002", imageSrc: "http://img.b2bpic.net/free-photo/close-up-beauty-nail-art_23-2149249963.jpg" },
|
||||
{ id: "g3", name: "Işıltılı Glam", price: "Model #003", imageSrc: "http://img.b2bpic.net/free-photo/nail-art-professional-working-client-nails_23-2149265951.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
team={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Gizem Nail",
|
||||
role: "Master Technician",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wearing-white-blouse-smiling-looking-camera_181624-43403.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Ayşe Style",
|
||||
role: "Nail Artist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-wearing-casual-white-shirt-isolated-background-smiling-with-happy-face-looking-pointing-side-with-thumb-up_839833-6551.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Fatma Beauty",
|
||||
role: "Manicurist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-sitting-front-table-smiling-blue_140725-24232.jpg",
|
||||
},
|
||||
]}
|
||||
title="Meet Our Nail Artists"
|
||||
description="Our team of experts is dedicated to ensuring you receive the highest standard of care."
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardFive
|
||||
title="Uzman Ekibimiz"
|
||||
description="Sizlere en yüksek standartlarda hizmet sunan profesyonel tırnak sanatçıları."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
team={[
|
||||
{ id: "t1", name: "Gizem Nail", role: "Master Uzman", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wearing-white-blouse-smiling-looking-camera_181624-43403.jpg" },
|
||||
{ id: "t2", name: "Ayşe Style", role: "Tırnak Sanatçısı", imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-wearing-casual-white-shirt-isolated-background-smiling-with-happy-face-looking-pointing-side-with-thumb-up_839833-6551.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahnails",
|
||||
testimonial: "The best manicure I've ever had, absolutely flawless quality!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-woman-talking-by-mobile-phone-home_329181-4277.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Melis K.",
|
||||
handle: "@melisbeauty",
|
||||
testimonial: "Professional, clean, and incredible attention to detail. Highly recommend.",
|
||||
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",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Ece T.",
|
||||
handle: "@ecet",
|
||||
testimonial: "I love the variety of designs they offer, so creative!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-model-demonstrating-expensive-jewelry_7502-7048.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Burcu D.",
|
||||
handle: "@burcudo",
|
||||
testimonial: "Such a relaxing atmosphere and my nails look perfect every time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-getting-manicure_23-2149975504.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Deniz A.",
|
||||
handle: "@deniza",
|
||||
testimonial: "Truly the best studio for nail art, fantastic customer service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-female-friends-getting-manicure-together_23-2150285913.jpg",
|
||||
},
|
||||
]}
|
||||
title="Loved by Our Clients"
|
||||
description="Don't just take our word for it—read what our clients say about their experience."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
title="Müşteri Yorumları"
|
||||
description="Mutlu müşterilerimizin deneyimlerini keşfedin."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", handle: "@sarahnails", testimonial: "Aldığım en iyi manikürdü! Kalite tek kelimeyle mükemmel.", imageSrc: "http://img.b2bpic.net/free-photo/beauty-woman-talking-by-mobile-phone-home_329181-4277.jpg" },
|
||||
{ id: "2", name: "Melis K.", handle: "@melisbeauty", testimonial: "İnanılmaz titiz ve profesyoneller. Herkese tavsiye ederim.", 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" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How can I book an appointment?",
|
||||
content: "You can book directly via WhatsApp or by calling our studio line.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How long does a manicure last?",
|
||||
content: "Our gel manicures typically last up to 3 weeks with proper care.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer nail extensions?",
|
||||
content: "Yes, we specialize in various extension techniques to suit your needs.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We're here to provide the answers you need."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
title="Sıkça Sorulan Sorular"
|
||||
description="Hizmetlerimizle ilgili aklınıza takılan sorular."
|
||||
faqs={[
|
||||
{ id: "q1", title: "Randevuyu nasıl alabilirim?", content: "WhatsApp üzerinden doğrudan bize ulaşarak randevunuzu kolayca oluşturabilirsiniz." },
|
||||
{ id: "q2", title: "Kalıcı oje ne kadar sürer?", content: "Bakımlı tırnaklarda kalıcı oje uygulamamız ortalama 3 hafta dayanır." },
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Booking"
|
||||
title="Book Your Session Today"
|
||||
description="Get in touch via WhatsApp for direct booking and inquiries. We look forward to seeing you at the studio!"
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp Chat",
|
||||
href: "https://wa.me/yournumber",
|
||||
},
|
||||
{
|
||||
text: "Call Us Now",
|
||||
href: "tel:+90000000000",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="İletişim"
|
||||
title="Randevu Alın"
|
||||
description="Hemen WhatsApp hattımızdan bize ulaşın, tırnaklarınıza hak ettiği ilgiyi gösterelim."
|
||||
buttons={[
|
||||
{ text: "WhatsApp ile Randevu", href: "https://wa.me/905550000000" },
|
||||
{ text: "Bizi Arayın", href: "tel:+905550000000" },
|
||||
]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#gallery",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/yournumber",
|
||||
},
|
||||
{
|
||||
label: "Location",
|
||||
href: "https://maps.app.goo.gl/q1Vb2XHAphEbxy539",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Gizy Nail Studio"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Gizy Nail Studio"
|
||||
columns={[
|
||||
{ items: [{ label: "Hakkımızda", href: "#about" }, { label: "Galeri", href: "#gallery" }] },
|
||||
{ items: [{ label: "WhatsApp", href: "https://wa.me/905550000000" }, { label: "Konum", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user