Update src/app/page.tsx
This commit is contained in:
264
src/app/page.tsx
264
src/app/page.tsx
@@ -6,7 +6,7 @@ import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
@@ -33,70 +33,28 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "experience",
|
||||
},
|
||||
name: "Experience", id: "experience"},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collection", id: "products"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
name: "Support", id: "faq"},
|
||||
]}
|
||||
brandName="VETENI"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="True Fidelity. Pure Silence."
|
||||
description="Engineered for the audiophile who demands perfection. Discover the VETENI sound signature—unrivaled clarity in every note."
|
||||
tag="New 2025 Series"
|
||||
<HeroLogo
|
||||
logoText="VETENI"
|
||||
description="Precision engineering meets pure acoustic performance. Elevate your listening standards with the next generation of high-fidelity audio gear."
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#experience",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-round-wireless-speaker-with-slick-design-shadow_23-2150808053.jpg",
|
||||
imageAlt: "Studio headphones dark desk",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-vacuum-cleaner-robot-flat-surface-floor_23-2151736836.jpg",
|
||||
imageAlt: "High-end audio dac",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-9936.jpg",
|
||||
imageAlt: "Wireless headphones black background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-network-communications-technology-background-with-flowing-particles_1048-16830.jpg",
|
||||
imageAlt: "Sound wave visualization",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-student-using-sound-mixer_107420-64843.jpg",
|
||||
imageAlt: "Minimalist home speaker",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/port-network-switch-background_23-2148882655.jpg",
|
||||
imageAlt: "Gold plated audio jack",
|
||||
},
|
||||
text: "Shop Collection", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-round-wireless-speaker-with-slick-design-shadow_23-2150808053.jpg"
|
||||
imageAlt="VETENI premium audio system"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -120,23 +78,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Lossless Audio",
|
||||
description: "Hear every hidden layer in your music.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sound-volume-mute-right-side-with-white-background_187299-39988.jpg",
|
||||
imageAlt: "Music waveform icon",
|
||||
},
|
||||
title: "Lossless Audio", description: "Hear every hidden layer in your music.", imageSrc: "http://img.b2bpic.net/free-photo/sound-volume-mute-right-side-with-white-background_187299-39988.jpg", imageAlt: "Music waveform icon"},
|
||||
{
|
||||
title: "Active Isolation",
|
||||
description: "Block out the world entirely.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/paper-craft-art-musical-note_53876-90764.jpg",
|
||||
imageAlt: "Sound insulation icon",
|
||||
},
|
||||
title: "Active Isolation", description: "Block out the world entirely.", imageSrc: "http://img.b2bpic.net/free-photo/paper-craft-art-musical-note_53876-90764.jpg", imageAlt: "Sound insulation icon"},
|
||||
{
|
||||
title: "30h Playtime",
|
||||
description: "Designed for extended listening sessions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glowing-green-checkmark-success-symbol-dark-cosmic-background_84443-91492.jpg",
|
||||
imageAlt: "Long battery icon",
|
||||
},
|
||||
title: "30h Playtime", description: "Designed for extended listening sessions.", imageSrc: "http://img.b2bpic.net/free-photo/glowing-green-checkmark-success-symbol-dark-cosmic-background_84443-91492.jpg", imageAlt: "Long battery icon"},
|
||||
]}
|
||||
title="Unmatched Performance"
|
||||
description="Cutting-edge technology meets timeless craftsmanship."
|
||||
@@ -151,65 +97,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "VETENI",
|
||||
name: "Aura Pro",
|
||||
price: "$499",
|
||||
rating: 5,
|
||||
reviewCount: "128",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pnga-cup-coffee-with-headphones-isolated-white-background_185193-163959.jpg",
|
||||
imageAlt: "Sleek headphones render",
|
||||
},
|
||||
id: "p1", brand: "VETENI", name: "Aura Pro", price: "$499", rating: 5,
|
||||
reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/pnga-cup-coffee-with-headphones-isolated-white-background_185193-163959.jpg", imageAlt: "Sleek headphones render"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "VETENI",
|
||||
name: "Sonic One",
|
||||
price: "$299",
|
||||
rating: 5,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/speakers-with-high-volume-green-background_23-2149625670.jpg",
|
||||
imageAlt: "Compact speaker render",
|
||||
},
|
||||
id: "p2", brand: "VETENI", name: "Sonic One", price: "$299", rating: 5,
|
||||
reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/speakers-with-high-volume-green-background_23-2149625670.jpg", imageAlt: "Compact speaker render"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "VETENI",
|
||||
name: "Bass Elite",
|
||||
price: "$699",
|
||||
rating: 4,
|
||||
reviewCount: "54",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/music-controller-foreground_1381-27.jpg",
|
||||
imageAlt: "Subwoofer render",
|
||||
},
|
||||
id: "p3", brand: "VETENI", name: "Bass Elite", price: "$699", rating: 4,
|
||||
reviewCount: "54", imageSrc: "http://img.b2bpic.net/free-photo/music-controller-foreground_1381-27.jpg", imageAlt: "Subwoofer render"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "VETENI",
|
||||
name: "Studio Master",
|
||||
price: "$899",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/levitating-music-headphones-display_23-2149817610.jpg",
|
||||
imageAlt: "Studio headphones render",
|
||||
},
|
||||
id: "p4", brand: "VETENI", name: "Studio Master", price: "$899", rating: 5,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/levitating-music-headphones-display_23-2149817610.jpg", imageAlt: "Studio headphones render"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "VETENI",
|
||||
name: "Pulse Wireless",
|
||||
price: "$199",
|
||||
rating: 4,
|
||||
reviewCount: "430",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-senior-man-enjoying-music-cellphone-through-earphone_23-2147859868.jpg",
|
||||
imageAlt: "Wireless buds render",
|
||||
},
|
||||
id: "p5", brand: "VETENI", name: "Pulse Wireless", price: "$199", rating: 4,
|
||||
reviewCount: "430", imageSrc: "http://img.b2bpic.net/free-photo/side-view-senior-man-enjoying-music-cellphone-through-earphone_23-2147859868.jpg", imageAlt: "Wireless buds render"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "VETENI",
|
||||
name: "Horizon X",
|
||||
price: "$599",
|
||||
rating: 5,
|
||||
reviewCount: "75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-speakers-membrane-black-background-with-colored-lighting_169016-52998.jpg",
|
||||
imageAlt: "Studio monitors render",
|
||||
},
|
||||
id: "p6", brand: "VETENI", name: "Horizon X", price: "$599", rating: 5,
|
||||
reviewCount: "75", imageSrc: "http://img.b2bpic.net/free-photo/closeup-speakers-membrane-black-background-with-colored-lighting_169016-52998.jpg", imageAlt: "Studio monitors render"},
|
||||
]}
|
||||
title="The Collection"
|
||||
description="Precision-engineered for the ultimate listener."
|
||||
@@ -223,29 +127,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1M+",
|
||||
title: "Happy Listeners",
|
||||
description: "Global community of audiophiles.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-beautiful-modern-woman_23-2148342399.jpg",
|
||||
imageAlt: "Person listening to music",
|
||||
},
|
||||
id: "m1", value: "1M+", title: "Happy Listeners", description: "Global community of audiophiles.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-beautiful-modern-woman_23-2148342399.jpg", imageAlt: "Person listening to music"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50+",
|
||||
title: "Patent Awards",
|
||||
description: "Innovations in sound engineering.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headphones-near-black-guitar_23-2147781766.jpg",
|
||||
imageAlt: "Audio blueprints engineering",
|
||||
},
|
||||
id: "m2", value: "50+", title: "Patent Awards", description: "Innovations in sound engineering.", imageSrc: "http://img.b2bpic.net/free-photo/headphones-near-black-guitar_23-2147781766.jpg", imageAlt: "Audio blueprints engineering"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
title: "Accuracy Rate",
|
||||
description: "Unrivaled signal fidelity.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139245.jpg",
|
||||
imageAlt: "High fidelity audio graph",
|
||||
},
|
||||
id: "m3", value: "99.9%", title: "Accuracy Rate", description: "Unrivaled signal fidelity.", imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139245.jpg", imageAlt: "High fidelity audio graph"},
|
||||
]}
|
||||
title="Global Impact"
|
||||
description="Setting the standard in high-fidelity audio."
|
||||
@@ -259,50 +145,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahmusic",
|
||||
testimonial: "The best sound quality I've ever experienced.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-headphones-outdoor_624325-1981.jpg",
|
||||
imageAlt: "Professional person portrait",
|
||||
},
|
||||
id: "1", name: "Sarah J.", handle: "@sarahmusic", testimonial: "The best sound quality I've ever experienced.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-headphones-outdoor_624325-1981.jpg", imageAlt: "Professional person portrait"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
handle: "@audiomark",
|
||||
testimonial: "VETENI transformed my daily commute.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-pleased-dreamy-young-woman-wears-stereo-headphones-ears-enjoys-listening-music-keeps-eyes-closed-wears-casual-blue-t-shirt-isolated-white-background-people-hobby_273609-59553.jpg",
|
||||
imageAlt: "Audiophile portrait",
|
||||
},
|
||||
id: "2", name: "Mark D.", handle: "@audiomark", testimonial: "VETENI transformed my daily commute.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-pleased-dreamy-young-woman-wears-stereo-headphones-ears-enjoys-listening-music-keeps-eyes-closed-wears-casual-blue-t-shirt-isolated-white-background-people-hobby_273609-59553.jpg", imageAlt: "Audiophile portrait"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
handle: "@elenasounds",
|
||||
testimonial: "Crisp highs and deep, rich bass.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-beret-listening-music-headphones_1194-853.jpg",
|
||||
imageAlt: "Designer wearing headphones",
|
||||
},
|
||||
id: "3", name: "Elena R.", handle: "@elenasounds", testimonial: "Crisp highs and deep, rich bass.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-beret-listening-music-headphones_1194-853.jpg", imageAlt: "Designer wearing headphones"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David L.",
|
||||
handle: "@daveaudio",
|
||||
testimonial: "Professional-grade audio in a consumer package.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-headphones-medium-shot_23-2149005918.jpg",
|
||||
imageAlt: "Businessman listening music",
|
||||
},
|
||||
id: "4", name: "David L.", handle: "@daveaudio", testimonial: "Professional-grade audio in a consumer package.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-headphones-medium-shot_23-2149005918.jpg", imageAlt: "Businessman listening music"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe B.",
|
||||
handle: "@chloeloves",
|
||||
testimonial: "Stunning design and better sound.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ethnic-teen-laying-ground-with-book_23-2148208903.jpg",
|
||||
imageAlt: "Digital nomad headphones",
|
||||
},
|
||||
id: "5", name: "Chloe B.", handle: "@chloeloves", testimonial: "Stunning design and better sound.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ethnic-teen-laying-ground-with-book_23-2148208903.jpg", imageAlt: "Digital nomad headphones"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What They Hear"
|
||||
@@ -316,20 +172,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What is the warranty?",
|
||||
content: "Lifetime coverage on internal drivers.",
|
||||
},
|
||||
id: "f1", title: "What is the warranty?", content: "Lifetime coverage on internal drivers."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer shipping?",
|
||||
content: "Global expedited delivery included.",
|
||||
},
|
||||
id: "f2", title: "Do you offer shipping?", content: "Global expedited delivery included."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How to pair VETENI?",
|
||||
content: "Instant pairing via our mobile app.",
|
||||
},
|
||||
id: "f3", title: "How to pair VETENI?", content: "Instant pairing via our mobile app."},
|
||||
]}
|
||||
title="Common Inquiries"
|
||||
description="Answers to your burning audio questions."
|
||||
@@ -341,8 +188,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Join the Elite List"
|
||||
description="Get exclusive early access to VETENI launches."
|
||||
inputPlaceholder="Enter your email..."
|
||||
@@ -357,29 +203,19 @@ export default function LandingPage() {
|
||||
logoText="VETENI"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#experience",
|
||||
},
|
||||
label: "About", href: "#experience"},
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Products", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -389,4 +225,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user