Merge version_1 into main #1
334
src/app/page.tsx
334
src/app/page.tsx
@@ -31,126 +31,44 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Support", id: "faq" }
|
||||
]}
|
||||
brandName="PodWave"
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
}}
|
||||
button={{ text: "Shop Now", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Sound of the Future, Right Here."
|
||||
description="Experience crystal clear audio with PodWave. Seamless connectivity, all-day battery, and perfect fit in every ear."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@alextech",
|
||||
testimonial: "The best sound quality I've ever experienced at this price point.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sjsounds",
|
||||
testimonial: "Perfect for my morning runs. Never fall out and the bass is incredible.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marcus D.",
|
||||
handle: "@marcusmusic",
|
||||
testimonial: "PodWave has changed the way I listen to music on the go.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena K.",
|
||||
handle: "@elenaprod",
|
||||
testimonial: "Sleek, modern, and reliable. Can't recommend enough.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jordan P.",
|
||||
handle: "@jordanp",
|
||||
testimonial: "The noise cancellation is actually magic.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Yours",
|
||||
href: "#products",
|
||||
},
|
||||
{ name: "Alex R.", handle: "@alextech", testimonial: "The best sound quality I've ever experienced at this price point.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg" },
|
||||
{ name: "Sarah J.", handle: "@sjsounds", testimonial: "Perfect for my morning runs. Never fall out and the bass is incredible.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg" },
|
||||
{ name: "Marcus D.", handle: "@marcusmusic", testimonial: "PodWave has changed the way I listen to music on the go.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg" },
|
||||
{ name: "Elena K.", handle: "@elenaprod", testimonial: "Sleek, modern, and reliable. Can't recommend enough.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg" },
|
||||
{ name: "Jordan P.", handle: "@jordanp", testimonial: "The noise cancellation is actually magic.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Get Yours", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039373.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-browsing-digital-tablet-office_329181-15802.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-bearded-male-wearing-stylish-sui_613910-12116.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-viewer-changing-channels-television-set-with-remote-control_482257-92306.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-artist-with-brushes-feeling-surprised_114579-85839.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-artist-holding-his-paint-brushes_23-2150213706.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-browsing-digital-tablet-office_329181-15802.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-bearded-male-wearing-stylish-sui_613910-12116.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-viewer-changing-channels-television-set-with-remote-control_482257-92306.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-artist-with-brushes-feeling-surprised_114579-85839.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-artist-holding-his-paint-brushes_23-2150213706.jpg", alt: "User 5" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Crystal Clear",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Deep Bass",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Seamless Sync",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "40H Battery",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Water Resistant",
|
||||
},
|
||||
{ type: "text", text: "Crystal Clear" },
|
||||
{ type: "text", text: "Deep Bass" },
|
||||
{ type: "text", text: "Seamless Sync" },
|
||||
{ type: "text", text: "40H Battery" },
|
||||
{ type: "text", text: "Water Resistant" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -160,7 +78,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Engineered for Excellence"
|
||||
description={[
|
||||
"PodWave is driven by a passion for pure audio. We strip away the unnecessary, focusing entirely on delivering a sonic experience that feels intimate, powerful, and natural.",
|
||||
"PodWave is driven by a passion for pure audio. We strip away the unnecessary, focusing entirely on delivering a sonic experience that feels intimate, powerful, and natural."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -172,60 +90,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "PodWave",
|
||||
name: "Pro Series",
|
||||
price: "$129",
|
||||
rating: 5,
|
||||
reviewCount: "1200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cassette-tapes-shopping-trolley-with-earphone-against-white-backdrop_23-2147889315.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "PodWave",
|
||||
name: "Air Buds",
|
||||
price: "$89",
|
||||
rating: 4,
|
||||
reviewCount: "850",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/musical-device-recording-studio_181624-60888.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "PodWave",
|
||||
name: "Sport Edition",
|
||||
price: "$149",
|
||||
rating: 5,
|
||||
reviewCount: "430",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-going-have-yoga-practive-outdoor-goes-gymnastic-studio-does-sport-alone-downtown-quarantine-returns-physical-activity-after-self-isolation-listens-popular-music_273609-54038.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "PodWave",
|
||||
name: "Classic White",
|
||||
price: "$69",
|
||||
rating: 4,
|
||||
reviewCount: "2100",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17254.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "PodWave",
|
||||
name: "Ultimate Sound",
|
||||
price: "$199",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/managing-smart-speakers-concept_23-2150170100.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "PodWave",
|
||||
name: "Essential Buds",
|
||||
price: "$49",
|
||||
rating: 4,
|
||||
reviewCount: "3200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tablet-smartphones-watches_23-2147791601.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "PodWave", name: "Pro Series", price: "$129", rating: 5, reviewCount: "1200", imageSrc: "http://img.b2bpic.net/free-photo/cassette-tapes-shopping-trolley-with-earphone-against-white-backdrop_23-2147889315.jpg" },
|
||||
{ id: "p2", brand: "PodWave", name: "Air Buds", price: "$89", rating: 4, reviewCount: "850", imageSrc: "http://img.b2bpic.net/free-photo/musical-device-recording-studio_181624-60888.jpg" },
|
||||
{ id: "p3", brand: "PodWave", name: "Sport Edition", price: "$149", rating: 5, reviewCount: "430", imageSrc: "http://img.b2bpic.net/free-photo/woman-going-have-yoga-practive-outdoor-goes-gymnastic-studio-does-sport-alone-downtown-quarantine-returns-physical-activity-after-self-isolation-listens-popular-music_273609-54038.jpg" },
|
||||
{ id: "p4", brand: "PodWave", name: "Classic White", price: "$69", rating: 4, reviewCount: "2100", imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17254.jpg" },
|
||||
{ id: "p5", brand: "PodWave", name: "Ultimate Sound", price: "$199", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/managing-smart-speakers-concept_23-2150170100.jpg" },
|
||||
{ id: "p6", brand: "PodWave", name: "Essential Buds", price: "$49", rating: 4, reviewCount: "3200", imageSrc: "http://img.b2bpic.net/free-photo/tablet-smartphones-watches_23-2147791601.jpg" }
|
||||
]}
|
||||
title="Shop Our Collection"
|
||||
description="Find the perfect audio companion to suit your lifestyle."
|
||||
@@ -238,30 +108,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Crystal Clear Audio",
|
||||
descriptions: [
|
||||
"High-fidelity sound drivers ensure you hear every note.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-particle-background-with-abstract-dots_1048-12011.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "40H Battery Life",
|
||||
descriptions: [
|
||||
"Go longer without needing to find a plug.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bulb-with-earth-planet-recycle-symbol_1232-190.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Active Noise Cancellation",
|
||||
descriptions: [
|
||||
"Shut out the world and stay focused.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-listening-music-home_23-2149491985.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Crystal Clear Audio", descriptions: ["High-fidelity sound drivers ensure you hear every note."], imageSrc: "http://img.b2bpic.net/free-photo/modern-particle-background-with-abstract-dots_1048-12011.jpg" },
|
||||
{ id: "f2", title: "40H Battery Life", descriptions: ["Go longer without needing to find a plug."], imageSrc: "http://img.b2bpic.net/free-photo/bulb-with-earth-planet-recycle-symbol_1232-190.jpg" },
|
||||
{ id: "f3", title: "Active Noise Cancellation", descriptions: ["Shut out the world and stay focused."], imageSrc: "http://img.b2bpic.net/free-photo/woman-listening-music-home_23-2149491985.jpg" }
|
||||
]}
|
||||
title="Unrivaled Audio Features"
|
||||
description="Premium tech inside every bud to keep you connected and immersed."
|
||||
@@ -274,60 +123,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
company: "InnovateLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Director",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-brushes-canvas-black-high-quality-photo_114579-63520.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "PM",
|
||||
company: "StartupXYZ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-girl-with-short-hairstyle-beige-denim-jacket-smile-sincerely-city-positive-woman-with-brunette-hair-light-clothes-posing-street_197531-29346.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
role: "Designer",
|
||||
company: "CreativeFlow",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-phone_23-2148750336.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg" },
|
||||
{ id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", role: "Director", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-brushes-canvas-black-high-quality-photo_114579-63520.jpg" },
|
||||
{ id: "4", name: "David Kim", role: "PM", company: "StartupXYZ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/charming-girl-with-short-hairstyle-beige-denim-jacket-smile-sincerely-city-positive-woman-with-brunette-hair-light-clothes-posing-street_197531-29346.jpg" },
|
||||
{ id: "5", name: "Jessica Lee", role: "Designer", company: "CreativeFlow", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-phone_23-2148750336.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "100k+",
|
||||
label: "Happy Listeners",
|
||||
},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
{
|
||||
value: "24H",
|
||||
label: "Shipment Time",
|
||||
},
|
||||
{ value: "100k+", label: "Happy Listeners" },
|
||||
{ value: "4.9/5", label: "Avg Rating" },
|
||||
{ value: "24H", label: "Shipment Time" }
|
||||
]}
|
||||
title="Loved by Listeners"
|
||||
description="What our audio community has to say about the PodWave experience."
|
||||
@@ -338,15 +143,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TechCrunch",
|
||||
"Wired",
|
||||
"The Verge",
|
||||
"Forbes",
|
||||
"Engadget",
|
||||
"Cnet",
|
||||
"Digital Trends",
|
||||
]}
|
||||
names={["TechCrunch", "Wired", "The Verge", "Forbes", "Engadget", "Cnet", "Digital Trends"]}
|
||||
title="Featured In Leading Publications"
|
||||
description="PodWave is gaining recognition globally for superior design and tech."
|
||||
/>
|
||||
@@ -357,21 +154,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are these water-resistant?",
|
||||
content: "Yes, our buds are rated IPX7.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do they work with Android?",
|
||||
content: "PodWave earbuds are fully compatible with both Android and iOS devices.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is the warranty included?",
|
||||
content: "All orders come with a 2-year warranty.",
|
||||
},
|
||||
{ id: "q1", title: "Are these water-resistant?", content: "Yes, our buds are rated IPX7." },
|
||||
{ id: "q2", title: "Do they work with Android?", content: "PodWave earbuds are fully compatible with both Android and iOS devices." },
|
||||
{ id: "q3", title: "Is the warranty included?", content: "All orders come with a 2-year warranty." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139308.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -383,10 +168,9 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Sign Up"
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Stay Updated"
|
||||
description="Sign up for new product launches, sound tips, and special offers."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-making-video-calls-with-laptop_23-2150711942.jpg"
|
||||
@@ -399,31 +183,11 @@ export default function LandingPage() {
|
||||
logoText="PodWave"
|
||||
columns={[
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
{
|
||||
label: "Shop All",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
title: "Products", items: [{ label: "Shop All", href: "#products" }, { label: "Support", href: "#faq" }]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user