Merge version_1 into main #2
185
src/app/page.tsx
185
src/app/page.tsx
@@ -29,71 +29,45 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Shop", id: "#products"},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "#categories",
|
||||
},
|
||||
name: "Collections", id: "#categories"},
|
||||
{
|
||||
name: "Lifestyle",
|
||||
id: "#lifestyle",
|
||||
},
|
||||
name: "Lifestyle", id: "#lifestyle"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="TSM Audio"
|
||||
button={{
|
||||
text: "Cart (0)",
|
||||
}}
|
||||
text: "Cart (0)"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Feel Every Beat. Own The Sound."
|
||||
description="Experience audio like never before with TSM's cutting-edge wireless technology. Precision-engineered for the ultimate listening experience."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#categories",
|
||||
},
|
||||
text: "Explore Collection", href: "#categories"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electronic-musical-instrument-audio-mixer-sound-equalizer-analog-modular-synthesizer_1381-2.jpg",
|
||||
imageAlt: "Premium headphones",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electronic-musical-instrument-audio-mixer-sound-equalizer-analog-modular-synthesizer_1381-2.jpg", imageAlt: "Premium headphones"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074252.jpg",
|
||||
imageAlt: "Wireless earbuds",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074252.jpg", imageAlt: "Wireless earbuds"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072203.jpg",
|
||||
imageAlt: "High fidelity neckband",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072203.jpg", imageAlt: "High fidelity neckband"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072207.jpg",
|
||||
imageAlt: "Over ear headphones",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072207.jpg", imageAlt: "Over ear headphones"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diary-cellphone-camera-earphone-coffee-cup-paperclip-alarm-clock-pencil-white-desk_23-2148061608.jpg",
|
||||
imageAlt: "Compact charging case",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diary-cellphone-camera-earphone-coffee-cup-paperclip-alarm-clock-pencil-white-desk_23-2148061608.jpg", imageAlt: "Compact charging case"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-headphones-seaside_23-2149032760.jpg",
|
||||
imageAlt: "Noise canceling headphones",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-headphones-seaside_23-2149032760.jpg", imageAlt: "Noise canceling headphones"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -106,41 +80,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "TSM AirBuds Pro",
|
||||
price: "$129.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074259.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", name: "TSM AirBuds Pro", price: "$129.99", imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074259.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "TSM Studio X",
|
||||
price: "$199.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/music-controller-foreground_1381-28.jpg?_wi=1",
|
||||
},
|
||||
id: "p2", name: "TSM Studio X", price: "$199.99", imageSrc: "http://img.b2bpic.net/free-photo/music-controller-foreground_1381-28.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "TSM NeckFlow",
|
||||
price: "$89.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/earphones-with-minimalist-monochrome-background_23-2150763355.jpg?_wi=1",
|
||||
},
|
||||
id: "p3", name: "TSM NeckFlow", price: "$89.99", imageSrc: "http://img.b2bpic.net/free-photo/earphones-with-minimalist-monochrome-background_23-2150763355.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "TSM Sport Buds",
|
||||
price: "$79.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074259.jpg?_wi=2",
|
||||
},
|
||||
id: "p4", name: "TSM Sport Buds", price: "$79.99", imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074259.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "TSM Wireless Elite",
|
||||
price: "$249.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/music-controller-foreground_1381-28.jpg?_wi=2",
|
||||
},
|
||||
id: "p5", name: "TSM Wireless Elite", price: "$249.99", imageSrc: "http://img.b2bpic.net/free-photo/music-controller-foreground_1381-28.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "TSM Travel Band",
|
||||
price: "$69.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/earphones-with-minimalist-monochrome-background_23-2150763355.jpg?_wi=2",
|
||||
},
|
||||
id: "p6", name: "TSM Travel Band", price: "$69.99", imageSrc: "http://img.b2bpic.net/free-photo/earphones-with-minimalist-monochrome-background_23-2150763355.jpg"},
|
||||
]}
|
||||
title="Featured Gear"
|
||||
description="Elevate your audio experience with our top-rated essentials."
|
||||
@@ -154,33 +104,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Deep Bass",
|
||||
subtitle: "Feel the thumping resonance",
|
||||
category: "Audio",
|
||||
value: "20Hz-20kHz",
|
||||
},
|
||||
id: "f1", title: "Deep Bass", subtitle: "Feel the thumping resonance", category: "Audio", value: "20Hz-20kHz"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Long Battery",
|
||||
subtitle: "Power through your entire week",
|
||||
category: "Performance",
|
||||
value: "40h",
|
||||
},
|
||||
id: "f2", title: "Long Battery", subtitle: "Power through your entire week", category: "Performance", value: "40h"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Noise Cancellation",
|
||||
subtitle: "Silence the world, hear only music",
|
||||
category: "Technology",
|
||||
value: "Active",
|
||||
},
|
||||
id: "f3", title: "Noise Cancellation", subtitle: "Silence the world, hear only music", category: "Technology", value: "Active"},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Gaming Mode",
|
||||
subtitle: "Zero latency precision",
|
||||
category: "Gaming",
|
||||
value: "<30ms",
|
||||
},
|
||||
id: "f4", title: "Gaming Mode", subtitle: "Zero latency precision", category: "Gaming", value: "<30ms"},
|
||||
]}
|
||||
title="Why Choose TSM?"
|
||||
description="Premium quality meets relentless innovation. Designed for the bold."
|
||||
@@ -189,44 +119,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
handle: "@alexaudio",
|
||||
testimonial: "The bass response on the TSM Pro is insane. Truly life-changing audio.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-headphones_23-2148802280.jpg",
|
||||
},
|
||||
id: "t1", name: "Alex R.", handle: "@alexaudio", testimonial: "The bass response on the TSM Pro is insane. Truly life-changing audio.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-headphones_23-2148802280.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jordan S.",
|
||||
handle: "@jordanplays",
|
||||
testimonial: "Finally found headphones that actually handle gaming mode with zero latency.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-model-posing-with-headphones_23-2148171762.jpg",
|
||||
},
|
||||
id: "t2", name: "Jordan S.", handle: "@jordanplays", testimonial: "Finally found headphones that actually handle gaming mode with zero latency.", imageSrc: "http://img.b2bpic.net/free-photo/black-model-posing-with-headphones_23-2148171762.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Morgan D.",
|
||||
handle: "@morgand",
|
||||
testimonial: "Sleek, futuristic, and they sound better than brands three times the price.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stock-photo-attractive-brunette-young-adult-woman-black-blouse-dark-green-trousers-posing-against-white-wall-with-many-lamps_132075-9648.jpg",
|
||||
},
|
||||
id: "t3", name: "Morgan D.", handle: "@morgand", testimonial: "Sleek, futuristic, and they sound better than brands three times the price.", imageSrc: "http://img.b2bpic.net/free-photo/stock-photo-attractive-brunette-young-adult-woman-black-blouse-dark-green-trousers-posing-against-white-wall-with-many-lamps_132075-9648.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Taylor P.",
|
||||
handle: "@taylorbeats",
|
||||
testimonial: "The build quality is incredible. They look as good as they sound.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-working-tablet_23-2148594431.jpg",
|
||||
},
|
||||
id: "t4", name: "Taylor P.", handle: "@taylorbeats", testimonial: "The build quality is incredible. They look as good as they sound.", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-working-tablet_23-2148594431.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Casey W.",
|
||||
handle: "@casey_tech",
|
||||
testimonial: "TSM Audio is the new gold standard for wireless tech. Highly recommend!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-girl-glasses-smiling_176420-8501.jpg",
|
||||
},
|
||||
id: "t5", name: "Casey W.", handle: "@casey_tech", testimonial: "TSM Audio is the new gold standard for wireless tech. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-girl-glasses-smiling_176420-8501.jpg"},
|
||||
]}
|
||||
title="What Our Community Says"
|
||||
description="Join the sound revolution with TSM Audio."
|
||||
@@ -237,14 +143,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Upgrade Your Sound Experience Today"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Collection", href: "#products"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -255,33 +158,21 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop Now", href: "#products"},
|
||||
{
|
||||
label: "About TSM",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About TSM", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Shipping Info",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping Info", href: "#"},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Returns", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user