Merge version_1 into main #2
410
src/app/page.tsx
410
src/app/page.tsx
@@ -14,306 +14,134 @@ import TestimonialCardTwelve from '@/components/sections/testimonial/Testimonial
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
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: "Ana Sayfa",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Hakkımızda",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Hizmetler",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Fiyatlar",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "İletişim",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="EliteStyle"
|
||||
/>
|
||||
</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: "Fiyatlar", id: "pricing" },
|
||||
{ name: "İletişim", id: "contact" },
|
||||
]}
|
||||
brandName="EliteStyle"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="EliteStyle: Modern Bakımın Yeni Adresi"
|
||||
description="Erkek berberi ve kadın kuaför hizmetlerinde premium deneyim. Profesyonel dokunuşlarla tarzınızı yeniden keşfedin."
|
||||
buttons={[
|
||||
{
|
||||
text: "Hemen Randevu Al",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/beauty-saloon-flyer-template_23-2148936319.jpg?_wi=1",
|
||||
imageAlt: "Salon ortamı",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-brush-staring-ahead-white-wall_114579-49568.jpg?_wi=1",
|
||||
imageAlt: "Saç kesim",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-doctor-applying-treatment_23-2149311380.jpg",
|
||||
imageAlt: "Ombre",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-with-backpack-speaking-by-smart-phone-old-european-town_613910-2945.jpg",
|
||||
imageAlt: "Sakal",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-taking-care-her-client_23-2149319781.jpg",
|
||||
imageAlt: "Boyama",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-shaving-front-mirror_23-2147787848.jpg",
|
||||
imageAlt: "Fade",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="EliteStyle: Modern Bakımın Yeni Adresi"
|
||||
description="Erkek berberi ve kadın kuaför hizmetlerinde premium deneyim. Profesyonel dokunuşlarla tarzınızı yeniden keşfedin."
|
||||
buttons={[{ text: "Hemen Randevu Al", href: "#contact" }]}
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-vector/beauty-saloon-flyer-template_23-2148936319.jpg", imageAlt: "modern barber shop interior" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/bride-getting-hair-done-side-view_23-2149860771.jpg", imageAlt: "barber cutting hair with precision" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-brush-staring-ahead-white-wall_114579-49568.jpg", imageAlt: "modern mens haircut style" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-doctor-applying-treatment_23-2149311380.jpg", imageAlt: "ombre hair color style" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-with-backpack-speaking-by-smart-phone-old-european-town_613910-2945.jpg", imageAlt: "beard trim style close up" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-taking-care-her-client_23-2149319781.jpg", imageAlt: "modern hair color makeover" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Hakkımızda"
|
||||
description="Yılların getirdiği tecrübe ile hem erkeklerin hem de kadınların güzellik ve bakım ihtiyaçlarına profesyonel çözümler sunuyoruz. Hijyen, kalite ve müşteri memnuniyeti önceliğimizdir."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Deneyimli Uzmanlar",
|
||||
description: "Alanında profesyonel kadromuzla hizmetinizdeyiz.",
|
||||
},
|
||||
{
|
||||
title: "Premium Hijyen",
|
||||
description: "Ekipmanlarımız her seansta sterilize edilir.",
|
||||
},
|
||||
{
|
||||
title: "Kişiye Özel Tasarım",
|
||||
description: "Yüz hattınıza en uygun modelleri belirliyoruz.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bride-getting-hair-done-side-view_23-2149860771.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Hakkımızda"
|
||||
description="Yılların getirdiği tecrübe ile hem erkeklerin hem de kadınların güzellik ve bakım ihtiyaçlarına profesyonel çözümler sunuyoruz. Hijyen, kalite ve müşteri memnuniyeti önceliğimizdir."
|
||||
bulletPoints={[
|
||||
{ title: "Deneyimli Uzmanlar", description: "Alanında profesyonel kadromuzla hizmetinizdeyiz." },
|
||||
{ title: "Premium Hijyen", description: "Ekipmanlarımız her seansta sterilize edilir." },
|
||||
{ title: "Kişiye Özel Tasarım", description: "Yüz hattınıza en uygun modelleri belirliyoruz." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bride-getting-hair-done-side-view_23-2149860771.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "Berber",
|
||||
title: "Sakal Tıraşı",
|
||||
subtitle: "Klasik ve Ustura",
|
||||
description: "Geleneksel ustura teknikleriyle pürüzsüz sakal bakımı.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/beauty-saloon-flyer-template_23-2148936319.jpg?_wi=2",
|
||||
imageAlt: "modern barber shop interior",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
tag: "Kuaför",
|
||||
title: "Saç Boyama",
|
||||
subtitle: "Profesyonel Renklendirme",
|
||||
description: "Özel karışımlarla saçınıza sağlık katan renkler.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bride-getting-hair-done-side-view_23-2149860771.jpg?_wi=2",
|
||||
imageAlt: "barber cutting hair with precision",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
tag: "Bakım",
|
||||
title: "Cilt Bakımı",
|
||||
subtitle: "Yüz ve Cilt Yenileme",
|
||||
description: "Cildinizi canlandıracak profesyonel bakımlar.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-brush-staring-ahead-white-wall_114579-49568.jpg?_wi=2",
|
||||
imageAlt: "modern mens haircut style",
|
||||
},
|
||||
]}
|
||||
title="Hizmetlerimiz"
|
||||
description="Geniş yelpazemizle bakımınıza değer katıyoruz."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: 1, tag: "Berber", title: "Sakal Tıraşı", subtitle: "Klasik ve Ustura", description: "Geleneksel ustura teknikleriyle pürüzsüz sakal bakımı.", imageSrc: "http://img.b2bpic.net/free-vector/beauty-saloon-flyer-template_23-2148936319.jpg" },
|
||||
{ id: 2, tag: "Kuaför", title: "Saç Boyama", subtitle: "Profesyonel Renklendirme", description: "Özel karışımlarla saçınıza sağlık katan renkler.", imageSrc: "http://img.b2bpic.net/free-photo/bride-getting-hair-done-side-view_23-2149860771.jpg" },
|
||||
{ id: 3, tag: "Bakım", title: "Cilt Bakımı", subtitle: "Yüz ve Cilt Yenileme", description: "Cildinizi canlandıracak profesyonel bakımlar.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-brush-staring-ahead-white-wall_114579-49568.jpg" }
|
||||
]}
|
||||
title="Hizmetlerimiz"
|
||||
description="Geniş yelpazemizle bakımınıza değer katıyoruz."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Erkek Bakım",
|
||||
price: "500 TL",
|
||||
features: [
|
||||
"Saç Kesimi",
|
||||
"Sakal Tıraşı",
|
||||
"Yıkama",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Randevu Al",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Kuaför Bakım",
|
||||
price: "1200 TL",
|
||||
features: [
|
||||
"Saç Kesimi",
|
||||
"Fön",
|
||||
"Keratin",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Randevu Al",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Damat Paketi",
|
||||
price: "2500 TL",
|
||||
features: [
|
||||
"Saç",
|
||||
"Sakal",
|
||||
"Cilt Bakımı",
|
||||
"Maske",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Randevu Al",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Fiyat Listemiz"
|
||||
description="Şeffaf ve uygun fiyatlarla kaliteye ulaşın."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "1", name: "Erkek Bakım", price: "500 TL", features: ["Saç Kesimi", "Sakal Tıraşı", "Yıkama"], buttons: [{ text: "Randevu Al", href: "#contact" }] },
|
||||
{ id: "2", name: "Kuaför Bakım", price: "1200 TL", features: ["Saç Kesimi", "Fön", "Keratin"], buttons: [{ text: "Randevu Al", href: "#contact" }] },
|
||||
{ id: "3", name: "Damat Paketi", price: "2500 TL", features: ["Saç", "Sakal", "Cilt Bakımı", "Maske"], buttons: [{ text: "Randevu Al", href: "#contact" }] }
|
||||
]}
|
||||
title="Fiyat Listemiz"
|
||||
description="Şeffaf ve uygun fiyatlarla kaliteye ulaşın."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ahmet Y.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-dog_23-2149335075.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Zeynep S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-colleagues-partners-watching-content-laptop-discussing-project_74855-8821.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Can M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-girl-sitting-chair_8353-5343.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ebru K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-visagiste-smiling-camera_23-2148113183.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Murat T.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-dog_23-2149335075.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
cardTitle="Müşterilerimiz Ne Dedi?"
|
||||
cardTag="Yorumlar"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Ahmet Y.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-dog_23-2149335075.jpg" },
|
||||
{ id: "2", name: "Zeynep S.", imageSrc: "http://img.b2bpic.net/free-photo/business-colleagues-partners-watching-content-laptop-discussing-project_74855-8821.jpg" },
|
||||
{ id: "3", name: "Can M.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-girl-sitting-chair_8353-5343.jpg" },
|
||||
{ id: "4", name: "Ebru K.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-visagiste-smiling-camera_23-2148113183.jpg" },
|
||||
{ id: "5", name: "Murat T.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-dog_23-2149335075.jpg" }
|
||||
]}
|
||||
cardTitle="Müşterilerimiz Ne Dedi?"
|
||||
cardTag="Yorumlar"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="İletişim"
|
||||
title="Bize Ulaşın"
|
||||
description="Randevu almak veya sorularınız için bizimle iletişime geçin. WhatsApp butonunu kullanabilir veya harita üzerinden bizi bulabilirsiniz."
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="E-posta adresiniz"
|
||||
buttonText="Hemen Randevu Al"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hairdresser-giving-hairstyle-young-woman_23-2147769862.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="İletişim"
|
||||
title="Bize Ulaşın"
|
||||
description="Randevu almak veya sorularınız için bizimle iletişime geçin. WhatsApp butonunu kullanabilir veya harita üzerinden bizi bulabilirsiniz."
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="E-posta adresiniz"
|
||||
buttonText="Hemen Randevu Al"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hairdresser-giving-hairstyle-young-woman_23-2147769862.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Hızlı Erişim",
|
||||
items: [
|
||||
{
|
||||
label: "Ana Sayfa",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Randevu",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Sosyal Medya",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Konum",
|
||||
items: [
|
||||
{
|
||||
label: "Harita",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 EliteStyle Kuaför & Berber."
|
||||
bottomRightText="Tüm hakları saklıdır."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Hızlı Erişim", items: [{ label: "Ana Sayfa", href: "/" }, { label: "Randevu", href: "#contact" }] },
|
||||
{ title: "Sosyal Medya", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] },
|
||||
{ title: "Konum", items: [{ label: "Harita", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 EliteStyle Kuaför & Berber."
|
||||
bottomRightText="Tüm hakları saklıdır."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user