2 Commits

Author SHA1 Message Date
33619ba86f Update src/app/page.tsx 2026-04-22 13:20:23 +00:00
39fa24560b Update src/app/page.tsx 2026-04-22 13:19:40 +00:00

View File

@@ -28,393 +28,145 @@ export default function LandingPage() {
headingFontWeight="normal" headingFontWeight="normal"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ { name: "Ana Sayfa", id: "hero" },
name: "Home", { name: "Hakkımızda", id: "about" },
id: "hero", { name: "Hizmetler", id: "services" },
}, { name: "Galeri", id: "gallery" },
{ { name: "Ekibimiz", id: "team" },
name: "About", { name: "İletişim", id: "contact" },
id: "about", ]}
}, brandName="Gizy Nail Studio"
{ />
name: "Services", </div>
id: "services",
},
{
name: "Gallery",
id: "gallery",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Gizy Nail Studio"
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitKpi <HeroSplitKpi
background={{ background={{ variant: "radial-gradient" }}
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."
title="Elegance at Your Fingertips" kpis={[
description="Professional nail art and care at Gizy Nail Studio. Discover refined designs and expert manicures designed to make you feel beautiful." { value: "100+", label: "Model Seçeneği" },
kpis={[ { value: "5k+", label: "Mutlu Müşteri" },
{ { value: "10", label: "Yıllık Deneyim" },
value: "100+", ]}
label: "Model Designs", enableKpiAnimation={true}
}, buttons={[
{ { text: "Randevu Al", href: "#contact" },
value: "5k+", { text: "WhatsApp ile İletişim", href: "https://wa.me/905550000000" },
label: "Happy Clients", ]}
}, imageSrc="http://img.b2bpic.net/free-photo/nail-care-manicure-process_23-2149130306.jpg"
{ mediaAnimation="slide-up"
value: "10", />
label: "Years Experience", </div>
},
]}
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="about" data-section="about"> <div id="about" data-section="about">
<TextAbout <TextAbout
useInvertedBackground={false} title="Gizy Nail Studio ile Profesyonel Tırnak Bakımı"
title="Experience Professional Nail Care at Gizy Nail Studio" buttons={[{ text: "Galeriyi İncele", href: "#gallery" }]}
buttons={[ useInvertedBackground={false}
{ />
text: "View Full Gallery", </div>
href: "#gallery",
},
]}
/>
</div>
<div id="services" data-section="services"> <div id="services" data-section="services">
<FeatureCardTwentyFour <FeatureCardTwentyFour
animationType="slide-up" title="Hizmetlerimiz"
textboxLayout="split" description="Tırnaklarınız için en kaliteli ve estetik çözümleri sunuyoruz."
useInvertedBackground={true} features={[
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: "f1", { 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" },
title: "Gel Manicure", ]}
author: "High Gloss Finish", animationType="slide-up"
description: "Long-lasting gel nails with over 100 color options to choose from.", textboxLayout="split"
tags: [ useInvertedBackground={true}
"Gel", />
"Gloss", </div>
],
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="gallery" data-section="gallery"> <div id="gallery" data-section="gallery">
<ProductCardThree <ProductCardThree
animationType="slide-up" title="Tırnak Modellerimiz"
textboxLayout="default" description="Galerimizden ilham alarak kendi tarzınızı oluşturun."
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
useInvertedBackground={false} animationType="slide-up"
products={[ textboxLayout="default"
{ useInvertedBackground={false}
id: "p1", products={[
name: "Summer Sunshine", { 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" },
price: "Model #001", { id: "g2", name: "Klasik French", price: "Model #002", imageSrc: "http://img.b2bpic.net/free-photo/close-up-beauty-nail-art_23-2149249963.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/caring-young-mother-kissing-babys-feet-close-up_169016-37223.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" },
}, ]}
{ />
id: "p2", </div>
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="team" data-section="team"> <div id="team" data-section="team">
<TeamCardFive <TeamCardFive
animationType="slide-up" title="Uzman Ekibimiz"
textboxLayout="default" description="Sizlere en yüksek standartlarda hizmet sunan profesyonel tırnak sanatçıları."
useInvertedBackground={true} animationType="slide-up"
team={[ textboxLayout="default"
{ useInvertedBackground={true}
id: "t1", team={[
name: "Gizem Nail", { 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" },
role: "Master Technician", { 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" },
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wearing-white-blouse-smiling-looking-camera_181624-43403.jpg", ]}
}, />
{ </div>
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="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardSix <TestimonialCardSix
animationType="slide-up" title="Müşteri Yorumları"
textboxLayout="default" description="Mutlu müşterilerimizin deneyimlerini keşfedin."
useInvertedBackground={false} animationType="slide-up"
testimonials={[ textboxLayout="default"
{ useInvertedBackground={false}
id: "1", testimonials={[
name: "Sarah J.", { 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" },
handle: "@sarahnails", { 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" },
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", />
}, </div>
{
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="faq" data-section="faq"> <div id="faq" data-section="faq">
<FaqDouble <FaqDouble
textboxLayout="default" title="Sıkça Sorulan Sorular"
useInvertedBackground={true} description="Hizmetlerimizle ilgili aklınıza takılan sorular."
faqs={[ faqs={[
{ { id: "q1", title: "Randevuyu nasıl alabilirim?", content: "WhatsApp üzerinden doğrudan bize ulaşarak randevunuzu kolayca oluşturabilirsiniz." },
id: "q1", { 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." },
title: "How can I book an appointment?", ]}
content: "You can book directly via WhatsApp or by calling our studio line.", faqsAnimation="slide-up"
}, textboxLayout="default"
{ useInvertedBackground={true}
id: "q2", />
title: "How long does a manicure last?", </div>
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="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactCTA <ContactCTA
useInvertedBackground={false} tag="İletişim"
background={{ title="Randevu Alın"
variant: "sparkles-gradient", description="Hemen WhatsApp hattımızdan bize ulaşın, tırnaklarınıza hak ettiği ilgiyi gösterelim."
}} buttons={[
tag="Booking" { text: "WhatsApp ile Randevu", href: "https://wa.me/905550000000" },
title="Book Your Session Today" { text: "Bizi Arayın", href: "tel:+905550000000" },
description="Get in touch via WhatsApp for direct booking and inquiries. We look forward to seeing you at the studio!" ]}
buttons={[ background={{ variant: "sparkles-gradient" }}
{ useInvertedBackground={false}
text: "WhatsApp Chat", />
href: "https://wa.me/yournumber", </div>
},
{
text: "Call Us Now",
href: "tel:+90000000000",
},
]}
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoEmphasis <FooterLogoEmphasis
columns={[ logoText="Gizy Nail Studio"
{ columns={[
items: [ { items: [{ label: "Hakkımızda", href: "#about" }, { label: "Galeri", href: "#gallery" }] },
{ { items: [{ label: "WhatsApp", href: "https://wa.me/905550000000" }, { label: "Konum", href: "#" }] },
label: "About Us", ]}
href: "#about", />
}, </div>
{
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>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }