243 lines
12 KiB
TypeScript
243 lines
12 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 Deneyim!", quote: "Aydın Elektronik işçiliği gerçekten bambaşka. Aracın akustik kalitesi tamamen değişti.", name: "Ahmet Y.", role: "Müşteri", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C3F6Ym5Lkr3o8OXzFDvbSeMjjh/uploaded-1775606502124-binjw707.png"},
|
||
{
|
||
id: "t2", title: "Profesyonel Çözüm", quote: "Google Haritalar üzerinden bulmuştum, beklentilerimin çok üzerinde bir hizmet aldım.", name: "Can B.", role: "Müşteri"},
|
||
{
|
||
id: "t3", title: "Ses Kalitesi Üst Düzey", quote: "Focal hoparlör kurulumu harika oldu. Ekibin teknik bilgisine hayran kaldım.", name: "Ece S.", role: "Müşteri"},
|
||
]}
|
||
title="Müşterilerimiz Ne Diyor?"
|
||
description="Aydın Elektronik kalitesini deneyimleyen sürücülerin yorumları."
|
||
/>
|
||
</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>
|
||
);
|
||
} |