bender/8dc06b80-8ec7-49cc-8d57-4a4fe61c81ef
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_2
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:main
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1

3 Commits
version_2 ... main

Author SHA1 Message Date
bender
027b834ad9 Merge version_3 into main 
Merge version_3 into main
 2026-04-18 09:30:29 +00:00
bender
e8516e0650 Update src/app/page.tsx 2026-04-18 09:30:26 +00:00
bender
b241b89c70 Merge version_2 into main 
Merge version_2 into main
 2026-04-18 09:29:23 +00:00
1 changed files with 115 additions and 115 deletions
Expand all files Collapse all files

230
src/app/page.tsx
View File

@@ -32,13 +32,13 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ {
name: "Home", id: "hero"}, name: "Ana Sayfa", id: "hero"},
{ {
name: "Features", id: "features"}, name: "Özellikler", id: "features"},
{ {
name: "Performance", id: "performance"}, name: "Performans", id: "performance"},
{ {
name: "Contact", id: "contact"}, name: "İletişim", id: "contact"},
]} ]}
brandName="BMW M4" brandName="BMW M4"
/> />
@@ -46,67 +46,67 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitDoubleCarousel <HeroSplitDoubleCarousel
tag="NEW 2025 MODEL" tag="YENİ 2025 MODEL"
tagAnimation="blur-reveal" tagAnimation="blur-reveal"
background={{ background={{
variant: "gradient-bars"}} variant: "gradient-bars"}}
title="The Ultimate Driving Machine." title="Üstün Sürüş Makinesi."
description="Experience the perfect synergy of power, precision, and passion. The new BMW M4 redefines the limits of automotive performance." description="Güç, hassasiyet ve tutkunun mükemmel sinerjisini deneyimleyin. Yeni BMW M4, otomotiv performansının sınırlarını yeniden tanımlıyor."
leftCarouselItems={[ leftCarouselItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/yellow-sport-car-render-3d-illustration_654080-1126.jpg", imageAlt: "BMW M4 Front 3D"}, imageSrc: "http://img.b2bpic.net/free-photo/yellow-sport-car-render-3d-illustration_654080-1126.jpg", imageAlt: "BMW M4 Ön 3D" },
{ {
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138929.jpg", imageAlt: "BMW M4 Side Profile"}, imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138929.jpg", imageAlt: "BMW M4 Yan Profil" },
{ {
imageSrc: "http://img.b2bpic.net/free-photo/dark-vip-cinema-studio-still-life_23-2149500613.jpg", imageAlt: "BMW M4 Interior"}, imageSrc: "http://img.b2bpic.net/free-photo/dark-vip-cinema-studio-still-life_23-2149500613.jpg", imageAlt: "BMW M4 İç Mekan" },
{ {
imageSrc: "http://img.b2bpic.net/free-photo/led-headlight-black-automobile_23-2147962996.jpg", imageAlt: "BMW M4 Bumper Detail"}, imageSrc: "http://img.b2bpic.net/free-photo/led-headlight-black-automobile_23-2147962996.jpg", imageAlt: "BMW M4 Far Detayı" },
{ {
imageSrc: "http://img.b2bpic.net/free-photo/white-car-garage_417767-36.jpg", imageAlt: "BMW M4 Rear Tail Lights"}, imageSrc: "http://img.b2bpic.net/free-photo/white-car-garage_417767-36.jpg", imageAlt: "BMW M4 Arka Stoplar" },
]} ]}
rightCarouselItems={[ rightCarouselItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-with-tool-hand-is-sitting-near-new-shiny-car-while-posing-photographer_613910-17074.jpg", imageAlt: "BMW M4 Sunset Road"}, imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-with-tool-hand-is-sitting-near-new-shiny-car-while-posing-photographer_613910-17074.jpg", imageAlt: "BMW M4 Gün Batımı" },
{ {
imageSrc: "http://img.b2bpic.net/free-photo/rear-light-new-dark-car_23-2147962990.jpg", imageAlt: "BMW M4 Rear Tail Lights"}, imageSrc: "http://img.b2bpic.net/free-photo/rear-light-new-dark-car_23-2147962990.jpg", imageAlt: "BMW M4 Arka Stoplar" },
{ {
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-black-car_181624-25346.jpg", imageAlt: "BMW M4 Bumper Detail"}, imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-black-car_181624-25346.jpg", imageAlt: "BMW M4 Far Detayı" },
{ {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-chair_23-2151113151.jpg", imageAlt: "BMW M4 Interior"}, imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-chair_23-2151113151.jpg", imageAlt: "BMW M4 İç Mekan" },
{ {
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-car-night_23-2149001285.jpg", imageAlt: "BMW M4 Side Profile"}, imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-car-night_23-2149001285.jpg", imageAlt: "BMW M4 Yan Profil" },
]} ]}
buttons={[ buttons={[
{ {
text: "Book Test Drive", href: "#contact"}, text: "Test Sürüşü Ayır", href: "#contact" },
{ {
text: "View Specs", href: "#performance"}, text: "Özellikleri İncele", href: "#performance" },
]} ]}
buttonAnimation="blur-reveal" buttonAnimation="blur-reveal"
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/portrait-handsome-laughing-man_158595-4245.jpg", alt: "User 1"}, src: "http://img.b2bpic.net/free-photo/portrait-handsome-laughing-man_158595-4245.jpg", alt: "Kullanıcı 1" },
{ {
src: "http://img.b2bpic.net/free-photo/brunette-businesswoman-outdoors_23-2148142640.jpg", alt: "User 2"}, src: "http://img.b2bpic.net/free-photo/brunette-businesswoman-outdoors_23-2148142640.jpg", alt: "Kullanıcı 2" },
{ {
src: "http://img.b2bpic.net/free-photo/young-happy-woman-standing-by-car_1303-27390.jpg", alt: "User 3"}, src: "http://img.b2bpic.net/free-photo/young-happy-woman-standing-by-car_1303-27390.jpg", alt: "Kullanıcı 3" },
{ {
src: "http://img.b2bpic.net/free-photo/serious-executive-with-short-hair-crossed-arms_1149-89.jpg", alt: "User 4"}, src: "http://img.b2bpic.net/free-photo/serious-executive-with-short-hair-crossed-arms_1149-89.jpg", alt: "Kullanıcı 4" },
{ {
src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg", alt: "User 5"}, src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg", alt: "Kullanıcı 5" },
]} ]}
avatarText="Trusted by 10,000+ Performance Enthusiasts" avatarText="10.000+ Performans Tutkunu Tarafından Güveniliyor"
marqueeItems={[ marqueeItems={[
{ {
type: "text", text: "PRECISION"}, type: "text", text: "HASSASİYET" },
{ {
type: "text", text: "POWER"}, type: "text", text: "GÜÇ" },
{ {
type: "text", text: "SPEED"}, type: "text", text: "HIZ" },
{ {
type: "text", text: "CONTROL"}, type: "text", text: "KONTROL" },
{ {
type: "text", text: "INNOVATION"}, type: "text", text: "YENİLİK" },
]} ]}
/> />
</div> </div>
@@ -117,18 +117,18 @@ export default function LandingPage() {
textboxLayout="split" textboxLayout="split"
useInvertedBackground={true} useInvertedBackground={true}
metrics={[ metrics={[
{ {
id: "m1", icon: Zap, id: "m1", icon: Zap,
title: "Horsepower", value: "510 HP"}, title: "Beygir Gücü", value: "510 HP" },
{ {
id: "m2", icon: Timer, id: "m2", icon: Timer,
title: "0-100 km/h", value: "3.5s"}, title: "0-100 km/s", value: "3.5s" },
{ {
id: "m3", icon: Gauge, id: "m3", icon: Gauge,
title: "Top Speed", value: "290 km/h"}, title: "Maksimum Hız", value: "290 km/s" },
]} ]}
title="Pure Performance" title="Saf Performans"
description="Raw numbers that translate into unforgettable driving experiences." description="Unutulmaz sürüş deneyimlerine dönüşen ham rakamlar."
/> />
</div> </div>
@@ -138,15 +138,15 @@ export default function LandingPage() {
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
id: "f1", title: "M TwinPower Turbo", subtitle: "High-revving engine for immediate power.", category: "Power", value: "510 HP"}, id: "f1", title: "M TwinPower Turbo", subtitle: "Anında güç için yüksek devirli motor.", category: "Güç", value: "510 HP" },
{ {
id: "f2", title: "Adaptive M Suspension", subtitle: "Seamless adjustment to road conditions.", category: "Control", value: "Adaptive"}, id: "f2", title: "Adaptif M Süspansiyon", subtitle: "Yol koşullarına kesintisiz uyum.", category: "Kontrol", value: "Adaptif" },
{ {
id: "f3", title: "M xDrive System", subtitle: "Maximum traction and driving stability.", category: "Drivetrain", value: "AWD"}, id: "f3", title: "M xDrive Sistemi", subtitle: "Maksimum çekiş ve sürüş dengesi.", category: "Aktarma", value: "AWD" },
]} ]}
title="Precision Engineering" title="Hassas Mühendislik"
description="Every curve, every component, every line has been optimized for peak performance on track and road." description="Her viraj, her bileşen, her çizgi, pistte ve yolda zirve performans için optimize edilmiştir."
/> />
</div> </div>
@@ -157,21 +157,21 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
useInvertedBackground={true} useInvertedBackground={true}
products={[ products={[
{ {
id: "p1", name: "Alpine White", price: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/closeup-headlight-white-luxury-car-lights-against-grey-background_181624-25222.jpg"}, id: "p1", name: "Alpine Beyazı", price: "Standart", imageSrc: "http://img.b2bpic.net/free-photo/closeup-headlight-white-luxury-car-lights-against-grey-background_181624-25222.jpg" },
{ {
id: "p2", name: "Black Sapphire", price: "Metallic", imageSrc: "http://img.b2bpic.net/free-photo/black-sedan-rain-with-wipers-motion-style_169016-69929.jpg"}, id: "p2", name: "Siyah Safir", price: "Metalik", imageSrc: "http://img.b2bpic.net/free-photo/black-sedan-rain-with-wipers-motion-style_169016-69929.jpg" },
{ {
id: "p3", name: "Brooklyn Grey", price: "Metallic", imageSrc: "http://img.b2bpic.net/free-photo/silver-luxury-sedan-parked-port_114579-5199.jpg"}, id: "p3", name: "Brooklyn Grisi", price: "Metalik", imageSrc: "http://img.b2bpic.net/free-photo/silver-luxury-sedan-parked-port_114579-5199.jpg" },
{ {
id: "p4", name: "Silver Stone", price: "Metallic", imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861920.jpg"}, id: "p4", name: "Gümüş Taşı", price: "Metalik", imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861920.jpg" },
{ {
id: "p5", name: "Toronto Red", price: "Metallic", imageSrc: "http://img.b2bpic.net/free-photo/stylish-rear-light-new-red-auto_23-2147963017.jpg"}, id: "p5", name: "Toronto Kırmızısı", price: "Metalik", imageSrc: "http://img.b2bpic.net/free-photo/stylish-rear-light-new-red-auto_23-2147963017.jpg" },
{ {
id: "p6", name: "Isle of Man Green", price: "Metallic", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-round-headlights-white-vintage-classic-car_181624-21161.jpg"}, id: "p6", name: "Isle of Man Yeşili", price: "Metalik", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-round-headlights-white-vintage-classic-car_181624-21161.jpg" },
]} ]}
title="Discover Your Style" title="Tarzını Keşfet"
description="Choose the configuration that matches your personality." description="Kişiliğinize uyan konfigürasyonu seçin."
/> />
</div> </div>
@@ -181,19 +181,19 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "1", name: "Sarah Johnson", role: "CEO", testimonial: "The M4 handles like a dream.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-business-man-car-showrrom_1303-21194.jpg"}, id: "1", name: "Sarah Johnson", role: "CEO", testimonial: "M4'ün yol tutuşu bir rüya gibi.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-business-man-car-showrrom_1303-21194.jpg" },
{ {
id: "2", name: "Michael Chen", role: "CTO", testimonial: "Tech integration is seamless.", imageSrc: "http://img.b2bpic.net/free-photo/young-cheerful-casual-businesswoman-coat-with-laptop-happily-looking-camera-outdoor_574295-2167.jpg"}, id: "2", name: "Michael Chen", role: "CTO", testimonial: "Teknoloji entegrasyonu kusursuz.", imageSrc: "http://img.b2bpic.net/free-photo/young-cheerful-casual-businesswoman-coat-with-laptop-happily-looking-camera-outdoor_574295-2167.jpg" },
{ {
id: "3", name: "Emily Rodriguez", role: "Marketing Director", testimonial: "Feels like a track day.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg"}, id: "3", name: "Emily Rodriguez", role: "Pazarlama Direktörü", testimonial: "Pist günü gibi hissettiriyor.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg" },
{ {
id: "4", name: "David Kim", role: "Product Manager", testimonial: "Perfect balance of luxury.", imageSrc: "http://img.b2bpic.net/free-photo/space-crew-member-responds-alien-hostile-presence-red-light-alert_482257-126286.jpg"}, id: "4", name: "David Kim", role: "Ürün Müdürü", testimonial: "Lüksün mükemmel dengesi.", imageSrc: "http://img.b2bpic.net/free-photo/space-crew-member-responds-alien-hostile-presence-red-light-alert_482257-126286.jpg" },
{ {
id: "5", name: "Alex Smith", role: "Entrepreneur", testimonial: "It's about the feeling.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-pretty-young-woman-look-professional-cross-hands-chest-smiling-confident-camera-wear-glasses-standing-near-reception-office-hall-discuss-business_197531-22165.jpg"}, id: "5", name: "Alex Smith", role: "Girişimci", testimonial: "Tamamen hissetmekle ilgili.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-pretty-young-woman-look-professional-cross-hands-chest-smiling-confident-camera-wear-glasses-standing-near-reception-office-hall-discuss-business_197531-22165.jpg" },
]} ]}
title="Hear from Drivers" title="Sürücülerden Duymak"
description="Why enthusiasts choose the M4." description="Neden M4'ü seçiyorlar?"
/> />
</div> </div>
@@ -202,15 +202,15 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
faqs={[ faqs={[
{ {
id: "q1", title: "Is the M4 good for daily driving?", content: "Yes, with adaptive settings, it handles city traffic comfortably."}, id: "q1", title: "M4 günlük sürüş için uygun mu?", content: "Evet, adaptif ayarlarıyla şehir trafiğinde oldukça konforludur." },
{ {
id: "q2", title: "What's the service interval?", content: "Typically every 10,000 miles."}, id: "q2", title: "Bakım aralığı nedir?", content: "Genellikle her 15.000 kilometrede bir." },
{ {
id: "q3", title: "Does it have a warranty?", content: "Comes with standard BMW factory warranty."}, id: "q3", title: "Garantisi var mı?", content: "Standart BMW fabrika garantisi ile gelir." },
]} ]}
title="Frequently Asked" title="Sıkça Sorulanlar"
description="Everything you need to know about the M4." description="M4 hakkında bilmeniz gereken her şey."
faqsAnimation="slide-up" faqsAnimation="slide-up"
/> />
</div> </div>
@@ -218,16 +218,16 @@ export default function LandingPage() {
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplitForm <ContactSplitForm
useInvertedBackground={false} useInvertedBackground={false}
title="Get Behind the Wheel" title="Direksiyona Geç"
description="Request your personalized configuration or book a test drive today." description="Kişiselleştirilmiş konfigürasyonunuzu talep edin veya bugün test sürüşü ayırtın."
inputs={[ inputs={[
{ {
name: "name", type: "text", placeholder: "Your Name"}, name: "name", type: "text", placeholder: "Adınız" },
{ {
name: "email", type: "email", placeholder: "Your Email"}, name: "email", type: "email", placeholder: "E-posta Adresiniz" },
]} ]}
textarea={{ textarea={{
name: "message", placeholder: "Any specific requests?"}} name: "message", placeholder: "Özel bir isteğiniz var mı?" }}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-shot-empty-road-countryside-daytime_181624-1994.jpg" imageSrc="http://img.b2bpic.net/free-photo/beautiful-shot-empty-road-countryside-daytime_181624-1994.jpg"
mediaPosition="right" mediaPosition="right"
/> />
@@ -236,18 +236,18 @@ export default function LandingPage() {
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterCard <FooterCard
logoText="BMW M4" logoText="BMW M4"
copyrightText="© 2025 BMW AG. Performance driven." copyrightText="© 2025 BMW AG. Performans odaklı."
socialLinks={[ socialLinks={[
{ {
icon: Instagram, icon: Instagram,
href: "https://instagram.com/bmw", ariaLabel: "Instagram"}, href: "https://instagram.com/bmw", ariaLabel: "Instagram" },
{ {
icon: Twitter, icon: Twitter,
href: "https://twitter.com/bmw", ariaLabel: "Twitter"}, href: "https://twitter.com/bmw", ariaLabel: "Twitter" },
]} ]}
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }