403 lines
13 KiB
TypeScript
403 lines
13 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||
import TextAbout from '@/components/sections/about/TextAbout';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="text-shift"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="rounded"
|
||
contentWidth="smallMedium"
|
||
sizing="largeSmallSizeMediumTitles"
|
||
background="noiseDiagonalGradient"
|
||
cardStyle="gradient-bordered"
|
||
primaryButtonStyle="gradient"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="bold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleCentered
|
||
navItems={[
|
||
{
|
||
name: "Anasayfa",
|
||
id: "hero",
|
||
},
|
||
{
|
||
name: "Hakkımızda",
|
||
id: "about",
|
||
},
|
||
{
|
||
name: "Hizmetler",
|
||
id: "features",
|
||
},
|
||
{
|
||
name: "Ürünler",
|
||
id: "products",
|
||
},
|
||
{
|
||
name: "İletişim",
|
||
id: "contact",
|
||
},
|
||
]}
|
||
button={{
|
||
text: "Randevu Al",
|
||
href: "#contact",
|
||
}}
|
||
brandName="Aydın Elektronik"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitDoubleCarousel
|
||
background={{
|
||
variant: "sparkles-gradient",
|
||
}}
|
||
title="Sesin Ötesindeki Lüks"
|
||
description="15+ yıllık uzmanlıkla, aracınız için en sofistike ses sistemlerini tasarlıyoruz. Müziği sadece dinlemeyin, hissedin."
|
||
leftCarouselItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-call-buttons-steering-wheel-modern-car_181624-28208.jpg?_wi=1",
|
||
imageAlt: "Luxury Audio Setup",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-diagnostic-tool_1170-1365.jpg?_wi=1",
|
||
imageAlt: "Dashboard Tech",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-call-buttons-steering-wheel-modern-car_181624-28208.jpg?_wi=2",
|
||
imageAlt: "Luxury Audio Setup",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-diagnostic-tool_1170-1365.jpg?_wi=2",
|
||
imageAlt: "Dashboard Tech",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-call-buttons-steering-wheel-modern-car_181624-28208.jpg?_wi=3",
|
||
imageAlt: "Luxury Audio Setup",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-diagnostic-tool_1170-1365.jpg?_wi=3",
|
||
imageAlt: "Dashboard Tech",
|
||
},
|
||
]}
|
||
rightCarouselItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-diagnostic-tool_1170-1365.jpg?_wi=4",
|
||
imageAlt: "Dashboard Tech",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-call-buttons-steering-wheel-modern-car_181624-28208.jpg?_wi=4",
|
||
imageAlt: "Luxury Audio Setup",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-diagnostic-tool_1170-1365.jpg?_wi=5",
|
||
imageAlt: "Dashboard Tech",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-call-buttons-steering-wheel-modern-car_181624-28208.jpg?_wi=5",
|
||
imageAlt: "Luxury Audio Setup",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-diagnostic-tool_1170-1365.jpg?_wi=6",
|
||
imageAlt: "Dashboard Tech",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-call-buttons-steering-wheel-modern-car_181624-28208.jpg?_wi=6",
|
||
imageAlt: "Luxury Audio Setup",
|
||
},
|
||
]}
|
||
buttons={[
|
||
{
|
||
text: "Hemen Randevu Al",
|
||
href: "#contact",
|
||
},
|
||
]}
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/salesman-car-showroom_1303-13625.jpg",
|
||
alt: "Müşteri 1",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/salesman-car-showroom_1303-13625.jpg",
|
||
alt: "Müşteri 2",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/salesman-car-showroom_1303-13625.jpg",
|
||
alt: "Müşteri 3",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/salesman-car-showroom_1303-13625.jpg",
|
||
alt: "Müşteri 4",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/salesman-car-showroom_1303-13625.jpg",
|
||
alt: "Müşteri 5",
|
||
},
|
||
]}
|
||
avatarText="1000+ Mutlu Araç Sahibi"
|
||
marqueeItems={[
|
||
{
|
||
type: "image",
|
||
src: "http://img.b2bpic.net/free-vector/music-logo-template_23-2149705569.jpg",
|
||
alt: "Brand 1",
|
||
},
|
||
{
|
||
type: "image",
|
||
src: "http://img.b2bpic.net/free-vector/music-logo-template_23-2149705569.jpg",
|
||
alt: "Brand 2",
|
||
},
|
||
{
|
||
type: "image",
|
||
src: "http://img.b2bpic.net/free-vector/mechanical-repair-logo-design_23-2150040862.jpg",
|
||
alt: "Brand 3",
|
||
},
|
||
{
|
||
type: "image",
|
||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kqk50g",
|
||
alt: "Brand 4",
|
||
},
|
||
{
|
||
type: "image",
|
||
src: "http://img.b2bpic.net/free-photo/square-music-speaker-control-knobs-closeup-details_169016-51244.jpg",
|
||
alt: "Brand 5",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TextAbout
|
||
useInvertedBackground={false}
|
||
tag="Hakkımızda"
|
||
title="Ses Tutkusuna Adanmış Bir Kariyer"
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardSeven
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "Hoparlör Sistemleri",
|
||
description: "Kristal netliğinde ses deneyimi için premium hoparlörler.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-sunglasses-dressed-brown-leather-jacket-sits-wheel-tuned-retro-car-with-open-door_613910-19274.jpg?_wi=1",
|
||
imageAlt: "Speaker",
|
||
},
|
||
{
|
||
title: "Ses Yalıtımı",
|
||
description: "Dış sesi engelleyen profesyonel izolasyon çözümleri.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-sunglasses-dressed-brown-leather-jacket-sits-wheel-tuned-retro-car-with-open-door_613910-19274.jpg?_wi=2",
|
||
imageAlt: "Isolation",
|
||
},
|
||
{
|
||
title: "DSP & Amplifikatör",
|
||
description: "Güçlü ve kontrol edilebilir ses performansı.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-sunglasses-dressed-brown-leather-jacket-sits-wheel-tuned-retro-car-with-open-door_613910-19274.jpg?_wi=3",
|
||
imageAlt: "DSP",
|
||
},
|
||
]}
|
||
title="Hizmetlerimiz"
|
||
description="Aracınızın ses kalitesini en üst seviyeye taşıyan profesyonel çözümler."
|
||
/>
|
||
</div>
|
||
|
||
<div id="products" data-section="products">
|
||
<ProductCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="four-items-2x2-equal-grid"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{
|
||
id: "p1",
|
||
name: "Focal Elite",
|
||
price: "Başlayan Fiyatlar",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/wireless-speaker-amplifier-black_140725-7484.jpg?_wi=1",
|
||
},
|
||
{
|
||
id: "p2",
|
||
name: "JL Audio Sub",
|
||
price: "Başlayan Fiyatlar",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/wireless-speaker-amplifier-black_140725-7484.jpg?_wi=2",
|
||
},
|
||
{
|
||
id: "p3",
|
||
name: "Alpine DSP",
|
||
price: "Başlayan Fiyatlar",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/wireless-speaker-amplifier-black_140725-7484.jpg?_wi=3",
|
||
},
|
||
{
|
||
id: "p4",
|
||
name: "Mosconi Amp",
|
||
price: "Başlayan Fiyatlar",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/wireless-speaker-amplifier-black_140725-7484.jpg?_wi=4",
|
||
},
|
||
{
|
||
id: "p5",
|
||
name: "Hertz Systems",
|
||
price: "Başlayan Fiyatlar",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/wireless-speaker-amplifier-black_140725-7484.jpg?_wi=5",
|
||
},
|
||
{
|
||
id: "p6",
|
||
name: "Audison Sub",
|
||
price: "Başlayan Fiyatlar",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/wireless-speaker-amplifier-black_140725-7484.jpg?_wi=6",
|
||
},
|
||
]}
|
||
title="Premium Markalarımız"
|
||
description="Dünyanın en iyi ses sistemleri Aydın Elektronik güvencesiyle."
|
||
/>
|
||
</div>
|
||
|
||
<div id="social-proof" data-section="social-proof">
|
||
<SocialProofOne
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
names={[
|
||
"Focal",
|
||
"JL Audio",
|
||
"Alpine",
|
||
"Hertz",
|
||
"Mosconi",
|
||
"Audison",
|
||
"Helix",
|
||
]}
|
||
title="İşbirliği Yaptığımız Markalar"
|
||
description="Dünyanın en prestijli ses markalarıyla çalışıyoruz."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardTen
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "t1",
|
||
title: "Harika Hizmet",
|
||
quote: "Aracım artık bir konser salonu gibi.",
|
||
name: "Ahmet Y.",
|
||
role: "Müşteri",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/salesman-car-showroom_1303-13625.jpg?_wi=1",
|
||
},
|
||
{
|
||
id: "t2",
|
||
title: "Profesyonel İşçilik",
|
||
quote: "İşlerini gerçekten çok iyi yapıyorlar.",
|
||
name: "Can B.",
|
||
role: "Müşteri",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/salesman-car-showroom_1303-13625.jpg?_wi=2",
|
||
},
|
||
{
|
||
id: "t3",
|
||
title: "Mükemmel Ses",
|
||
quote: "Focal hoparlörler inanılmaz.",
|
||
name: "Ece S.",
|
||
role: "Müşteri",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/salesman-car-showroom_1303-13625.jpg?_wi=3",
|
||
},
|
||
{
|
||
id: "t4",
|
||
title: "Hızlı Teslimat",
|
||
quote: "Randevu saatine tam sadık kaldılar.",
|
||
name: "Mert T.",
|
||
role: "Müşteri",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/salesman-car-showroom_1303-13625.jpg?_wi=4",
|
||
},
|
||
{
|
||
id: "t5",
|
||
title: "Çok Mutluyum",
|
||
quote: "Tüm çevreme tavsiye ediyorum.",
|
||
name: "Deniz K.",
|
||
role: "Müşteri",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/salesman-car-showroom_1303-13625.jpg?_wi=5",
|
||
},
|
||
]}
|
||
title="Müşteri Deneyimleri"
|
||
description="Sistemlerini geliştirdiğimiz binlerce mutlu sürücüden biri olun."
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCenter
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "sparkles-gradient",
|
||
}}
|
||
tag="İletişim"
|
||
title="Randevu Alın"
|
||
description="Sisteminiz için en uygun teklifi almak adına bizimle iletişime geçin."
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseCard
|
||
logoText="Aydın Elektronik"
|
||
columns={[
|
||
{
|
||
title: "Hızlı Erişim",
|
||
items: [
|
||
{
|
||
label: "Anasayfa",
|
||
href: "#hero",
|
||
},
|
||
{
|
||
label: "Hakkımızda",
|
||
href: "#about",
|
||
},
|
||
{
|
||
label: "İletişim",
|
||
href: "#contact",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Hizmetler",
|
||
items: [
|
||
{
|
||
label: "Ses Sistemleri",
|
||
href: "#features",
|
||
},
|
||
{
|
||
label: "Montaj",
|
||
href: "#features",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Yasal",
|
||
items: [
|
||
{
|
||
label: "KVKK",
|
||
href: "#",
|
||
},
|
||
{
|
||
label: "Gizlilik",
|
||
href: "#",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
copyrightText="© 2025 Aydın Elektronik. Tüm hakları saklıdır."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|