From 4eff0ed82d1031c15dcef7c3ec481e21f4aff0af Mon Sep 17 00:00:00 2001 From: development Date: Wed, 21 Jan 2026 19:50:15 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 638 ++++++++++++++++++++++++----------------------- 1 file changed, 326 insertions(+), 312 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 0a5d2ea..33df587 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,4 +1,4 @@ -"use client" +"use client"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; @@ -11,8 +11,33 @@ import PricingCardFive from '@/components/sections/pricing/PricingCardFive'; import ContactFaq from '@/components/sections/contact/ContactFaq'; import FooterMedia from '@/components/sections/footer/FooterMedia'; import { Zap, Sparkles, Quote, Star, Crown, Phone } from "lucide-react"; +import { useRouter } from "next/navigation"; +import { useState } from "react"; + +type Page = 'home' | 'experience' | 'technology' | 'testimonials' | 'pricing' | 'contact'; export default function LandingPage() { + const router = useRouter(); + const [currentPage, setCurrentPage] = useState('home'); + + const navigateToPage = (page: Page) => { + setCurrentPage(page); + window.scrollTo({ top: 0, behavior: 'smooth' }); + }; + + const handleNavigation = (id: string) => { + const pageMap: { [key: string]: Page } = { + 'experience': 'experience', + 'technology': 'technology', + 'testimonials': 'testimonials', + 'pricing': 'pricing', + 'contact': 'contact', + }; + if (pageMap[id]) { + navigateToPage(pageMap[id]); + } + }; + return ( navigateToPage('contact') }} className="bg-background/80 backdrop-blur-md border border-accent/20 rounded-full" navItemClassName="text-foreground/80 hover:text-accent transition-colors duration-300" @@ -45,319 +70,308 @@ export default function LandingPage() { /> -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- -
- + navigateToPage('experience') }, + { text: "Watch Demo", href: "#" } + ]} + slides={[ + { + imageSrc: "https://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13940.jpg", imageAlt: "BASE Speaker Premium Design" }, - featuresTitle: "What's Included:", features: [ - "Quantum Acoustic Processor", "Crystalline Driver Array", "Zero-Latency Connectivity", "Neural Listening Intelligence", "Lifetime Technical Support", "Premium Build Materials" - ] - }, - { - id: "studio", tag: "Studio Master", tagIcon: Zap, - price: "$12,499", period: "one-time", description: "Professional-grade system for studios and serious collectors.", button: { - text: "Choose Studio Master", href: "#contact" + { + imageSrc: "https://img.b2bpic.net/free-photo/wireless-speaker-amplifier-black_140725-7484.jpg", imageAlt: "BASE Speaker Technology" }, - featuresTitle: "What's Included:", features: [ - "Everything in Pro Elite", "Advanced Magnetic Flux Waveguide", "48-Core Processing Power", "Studio Calibration Service", "Custom Acoustic Tuning", "Priority Support Hotline" - ] - }, - { - id: "concert", tag: "Concert Grand", tagIcon: Crown, - price: "$15,999", period: "one-time", description: "Ultimate reference system for the most demanding audiophiles.", button: { - text: "Choose Concert Grand", href: "#contact" - }, - featuresTitle: "What's Included:", features: [ - "Everything in Studio Master", "Hand-Tuned Components", "Concert Hall Acoustics Package", "Dedicated Account Manager", "Exclusive Firmware Updates", "Lifetime Replacement Guarantee" - ] - }, - { - id: "infinity", tag: "Infinity Limited", tagIcon: Zap, - price: "$24,999", period: "one-time", description: "The absolute pinnacle of audio engineering. Extremely limited production.", button: { - text: "Reserve Infinity", href: "#contact" - }, - featuresTitle: "What's Included:", features: [ - "Everything in Concert Grand", "Custom Artisan Craftsmanship", "Bespoke Installation Service", "Personal Audio Consulting", "Legacy Ownership Program", "VIP Community Access" - ] - } - ]} - className="py-24" - cardClassName="rounded-2xl border border-accent/20 hover:border-accent/60 transition-all duration-300" - planPriceClassName="text-5xl font-extrabold text-accent" - /> -
+ { + imageSrc: "https://img.b2bpic.net/free-photo/close-up-military-protection-item_23-2149341299.jpg", imageAlt: "BASE Speaker Innovation" + } + ]} + autoplayDelay={5000} + showDimOverlay={true} + logoLineHeight={1.05} + ariaLabel="BASE Speaker Hero Section" + className="relative min-h-screen overflow-hidden" + logoClassName="text-primary-cta drop-shadow-2xl" + descriptionClassName="text-foreground/90 font-light tracking-wide" + buttonClassName="group relative rounded-full overflow-hidden" + buttonTextClassName="relative z-10 font-semibold" + /> + + )} -
- -
+ {currentPage === 'experience' && ( +
+ navigateToPage('home') } + ]} + className="py-20" + cardClassName="group hover:shadow-2xl transition-all duration-500" + imageClassName="group-hover:scale-105 transition-transform duration-700" + /> +
+ )} - + {currentPage === 'technology' && ( +
+ navigateToPage('home') } + ]} + className="py-24" + titleClassName="text-4xl md:text-5xl font-extrabold text-foreground" + descriptionClassName="text-lg text-foreground/70 mt-4" + accordionClassName="border-b border-accent/20 last:border-b-0" + accordionTitleClassName="font-semibold text-foreground hover:text-accent transition-colors" + /> +
+ )} + + {currentPage === 'testimonials' && ( +
+ navigateToPage('home') } + ]} + /> +
+ )} + + {currentPage === 'pricing' && ( +
+ navigateToPage('contact') + }, + featuresTitle: "What's Included:", features: [ + "Quantum Acoustic Processor", "Crystalline Driver Array", "Zero-Latency Connectivity", "Neural Listening Intelligence", "Lifetime Technical Support", "Premium Build Materials" + ] + }, + { + id: "studio", tag: "Studio Master", tagIcon: Zap, + price: "$12,499", period: "one-time", description: "Professional-grade system for studios and serious collectors.", button: { + text: "Choose Studio Master", onClick: () => navigateToPage('contact') + }, + featuresTitle: "What's Included:", features: [ + "Everything in Pro Elite", "Advanced Magnetic Flux Waveguide", "48-Core Processing Power", "Studio Calibration Service", "Custom Acoustic Tuning", "Priority Support Hotline" + ] + }, + { + id: "concert", tag: "Concert Grand", tagIcon: Crown, + price: "$15,999", period: "one-time", description: "Ultimate reference system for the most demanding audiophiles.", button: { + text: "Choose Concert Grand", onClick: () => navigateToPage('contact') + }, + featuresTitle: "What's Included:", features: [ + "Everything in Studio Master", "Hand-Tuned Components", "Concert Hall Acoustics Package", "Dedicated Account Manager", "Exclusive Firmware Updates", "Lifetime Replacement Guarantee" + ] + }, + { + id: "infinity", tag: "Infinity Limited", tagIcon: Zap, + price: "$24,999", period: "one-time", description: "The absolute pinnacle of audio engineering. Extremely limited production.", button: { + text: "Reserve Infinity", onClick: () => navigateToPage('contact') + }, + featuresTitle: "What's Included:", features: [ + "Everything in Concert Grand", "Custom Artisan Craftsmanship", "Bespoke Installation Service", "Personal Audio Consulting", "Legacy Ownership Program", "VIP Community Access" + ] + } + ]} + className="py-24" + cardClassName="rounded-2xl border border-accent/20 hover:border-accent/60 transition-all duration-300" + planPriceClassName="text-5xl font-extrabold text-accent" + buttons={[ + { text: "Back to Home", onClick: () => navigateToPage('home') } + ]} + /> +
+ )} + + {currentPage === 'contact' && ( + <> +
+ +
+ + + + )} ); -} \ No newline at end of file +}