295 lines
9.9 KiB
TypeScript
295 lines
9.9 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||
import { CheckCircle } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="shift-hover"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="pill"
|
||
contentWidth="mediumLarge"
|
||
sizing="medium"
|
||
background="blurBottom"
|
||
cardStyle="layered-gradient"
|
||
primaryButtonStyle="radial-glow"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="normal"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
navItems={[
|
||
{
|
||
name: "Anasayfa",
|
||
id: "hero",
|
||
},
|
||
{
|
||
name: "Hizmetler",
|
||
id: "hizmetlerimiz",
|
||
},
|
||
{
|
||
name: "Hakkımızda",
|
||
id: "hakkimizda",
|
||
},
|
||
{
|
||
name: "Yorumlar",
|
||
id: "yorumlar",
|
||
},
|
||
]}
|
||
brandName="Arden Beauty"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroLogo
|
||
logoText="Arden Beauty"
|
||
description="Doğal Güzelliğinize Uzman Dokunuşu. Yüzünüzün doğal formunu bozmadan, en iyi halinizi ortaya çıkarıyoruz. Kaş tasarımı ve profesyonel bakımda güvenin adresi."
|
||
buttons={[
|
||
{
|
||
text: "Hemen Randevu Al",
|
||
href: "https://wa.me/905062486547",
|
||
},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/luxury-modern-apartment-with-elegant-wood-flooring-generated-by-ai_188544-36597.jpg?_wi=1"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hakkimizda" data-section="hakkimizda">
|
||
<TextSplitAbout
|
||
useInvertedBackground={false}
|
||
title="O Koltuğa Gönül Rahatlığıyla Oturun"
|
||
description={[
|
||
"Biliyoruz, özellikle kaş ve yüz işlemlerinde önceki kötü tecrübeler sizi korkutuyor olabilir. Arden Beauty'de kurucumuz Münevver Karabulut ve profesyonel ekibimiz, sizi kalpten dinler.",
|
||
"Standart şablonlar değil, yüzünüzün doğal yapısına en uygun, kişiselleştirilmiş tasarımlar yapıyoruz. Sizin en iyi versiyonunuzu ortaya çıkarmak için buradayız.",
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hizmetlerimiz" data-section="hizmetlerimiz">
|
||
<FeatureCardTen
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "Kaş & Kirpik Uzmanlığı",
|
||
description: "İnceltilmeden, doğal formunu koruyan kaş tasarımı.",
|
||
media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-wearing-eye-shadow_23-2148398523.jpg",
|
||
},
|
||
items: [
|
||
{
|
||
icon: CheckCircle,
|
||
text: "Microblading",
|
||
},
|
||
{
|
||
icon: CheckCircle,
|
||
text: "Kirpik Lifting",
|
||
},
|
||
],
|
||
reverse: false,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-apartment-with-elegant-wood-flooring-generated-by-ai_188544-36597.jpg?_wi=2",
|
||
imageAlt: "natural microblading eyebrows closeup",
|
||
},
|
||
{
|
||
title: "Makyaj & Cilt Bakımı",
|
||
description: "Kalıcı makyaj ve uzman cilt yenileme teknikleri.",
|
||
media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/female-cosmetologist-making-facial-treatment-beautiful-woma_158595-4588.jpg",
|
||
},
|
||
items: [
|
||
{
|
||
icon: CheckCircle,
|
||
text: "Kalıcı Makyaj",
|
||
},
|
||
{
|
||
icon: CheckCircle,
|
||
text: "Profesyonel Bakım",
|
||
},
|
||
],
|
||
reverse: true,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/gardening-tools_23-2148013407.jpg",
|
||
imageAlt: "natural microblading eyebrows closeup",
|
||
},
|
||
{
|
||
title: "Saç & Tırnak",
|
||
description: "El ve tırnak sağlığı, profesyonel saç dokunuşları.",
|
||
media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-professional-manicurist-hands-doing-manicure-salon_176420-55212.jpg",
|
||
},
|
||
items: [
|
||
{
|
||
icon: CheckCircle,
|
||
text: "Manikür & Pedikür",
|
||
},
|
||
{
|
||
icon: CheckCircle,
|
||
text: "Kalıcı Oje",
|
||
},
|
||
],
|
||
reverse: false,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg",
|
||
imageAlt: "natural microblading eyebrows closeup",
|
||
},
|
||
]}
|
||
title="Hizmetlerimiz"
|
||
description="Uzman ekibimizle size özel çözümler sunuyoruz."
|
||
/>
|
||
</div>
|
||
|
||
<div id="yorumlar" data-section="yorumlar">
|
||
<TestimonialCardFifteen
|
||
useInvertedBackground={false}
|
||
testimonial="Ne söylesem dinlediler... İnceltilmeden, alınmış bir kaşın kendi doğal şeklinin ortaya çıkarıldığı sonuç. İyi ki sizinle tanıştım, artık kaşlarım emin ellerde."
|
||
rating={5}
|
||
author="Farah B."
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg",
|
||
alt: "Farah B.",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/aged-middle-expression-calling-business_1262-2838.jpg",
|
||
alt: "Dilek K.",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg",
|
||
alt: "Neslihan C.",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/coronavirus-vaccination-campaign-concept-happy-healthy-girl-showing-shoulder-with-patch-after-getting-vaccine-from-covid-yellow-background_1258-300964.jpg",
|
||
alt: "Merve T.",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-with-defocused-orchids_23-2148385883.jpg",
|
||
alt: "Ayşe Y.",
|
||
},
|
||
]}
|
||
ratingAnimation="slide-up"
|
||
avatarsAnimation="blur-reveal"
|
||
/>
|
||
</div>
|
||
|
||
<div id="harita" data-section="harita">
|
||
<SocialProofOne
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
names={[
|
||
"Seyrantepe",
|
||
"Kağıthane",
|
||
"İstanbul",
|
||
]}
|
||
title="Konumumuz"
|
||
description="Bize kolayca ulaşın."
|
||
/>
|
||
</div>
|
||
|
||
<div id="galeri" data-section="galeri">
|
||
<ProductCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="four-items-2x2-equal-grid"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{
|
||
id: "1",
|
||
brand: "Arden",
|
||
name: "Çalışma 1",
|
||
price: "",
|
||
rating: 5,
|
||
reviewCount: "100",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-young-girl-with-perfect-clean-skin-alstroemeria-petals-looking-camera-white-background-facial-treatment-beauty-spa_176420-14109.jpg",
|
||
},
|
||
{
|
||
id: "2",
|
||
brand: "Arden",
|
||
name: "Çalışma 2",
|
||
price: "",
|
||
rating: 5,
|
||
reviewCount: "100",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-with-smooth-healthy-skin-towel-head-sensually-posing-camera-isolated-beauty-concept_574295-4504.jpg",
|
||
},
|
||
{
|
||
id: "3",
|
||
brand: "Arden",
|
||
name: "Çalışma 3",
|
||
price: "",
|
||
rating: 5,
|
||
reviewCount: "100",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-sitting-front-table-using-phone-blue_140725-24236.jpg",
|
||
},
|
||
{
|
||
id: "4",
|
||
brand: "Arden",
|
||
name: "Çalışma 4",
|
||
price: "",
|
||
rating: 5,
|
||
reviewCount: "100",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-coat-leaning-wall_171337-16382.jpg",
|
||
},
|
||
{
|
||
id: "5",
|
||
brand: "Arden",
|
||
name: "Çalışma 5",
|
||
price: "",
|
||
rating: 5,
|
||
reviewCount: "100",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/female-going-through-microblading-treatment_23-2149103156.jpg",
|
||
},
|
||
{
|
||
id: "6",
|
||
brand: "Arden",
|
||
name: "Çalışma 6",
|
||
price: "",
|
||
rating: 5,
|
||
reviewCount: "100",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/person-getting-micro-needling-beauty-treatment_23-2149334237.jpg",
|
||
},
|
||
]}
|
||
title="Sosyal Medya"
|
||
description="Bizi Instagram'da takip edin."
|
||
/>
|
||
</div>
|
||
|
||
<div id="iletisim" data-section="iletisim">
|
||
<ContactCenter
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "plain",
|
||
}}
|
||
tag="Randevu"
|
||
title="Bize Ulaşın"
|
||
description="Seyrantepe Mahallesi Çiğdem Sokak No: 8A, Kağıthane, İstanbul adresinde sizi bekliyoruz."
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoReveal
|
||
logoText="Arden Beauty"
|
||
leftLink={{
|
||
text: "İletişim",
|
||
href: "tel:+905062486547",
|
||
}}
|
||
rightLink={{
|
||
text: "WhatsApp",
|
||
href: "https://wa.me/905062486547",
|
||
}}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|