Update src/app/page.tsx
This commit is contained in:
243
src/app/page.tsx
243
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "shop",
|
||||
},
|
||||
name: "Shop", id: "shop"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="WalkPad Studio"
|
||||
/>
|
||||
@@ -58,70 +50,38 @@ export default function LandingPage() {
|
||||
description="Experience the ultimate space-saving walking pad for home and office. Boost your energy and productivity without leaving your desk."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@alexfit",
|
||||
testimonial: "This walking pad is a total game changer for my desk setup. I'm hitting 10k steps effortlessly now.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-desk-with-copy-space_23-2148521608.jpg",
|
||||
},
|
||||
name: "Alex R.", handle: "@alexfit", testimonial: "This walking pad is a total game changer for my desk setup. I'm hitting 10k steps effortlessly now.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-desk-with-copy-space_23-2148521608.jpg"},
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahmoves",
|
||||
testimonial: "Incredible design and super quiet. Perfect for my remote setup.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-laptop_23-2150132273.jpg",
|
||||
},
|
||||
name: "Sarah J.", handle: "@sarahmoves", testimonial: "Incredible design and super quiet. Perfect for my remote setup.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-laptop_23-2150132273.jpg"},
|
||||
{
|
||||
name: "Mark D.",
|
||||
handle: "@markdev",
|
||||
testimonial: "I've been using this for months, no issues. Highly recommend for developers.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freelance-woman-stretching-arms-because-exhaustion-while-working-overtime-from-home-employee-using-modern-technology-midnight-doing-overtime-job-business-busy-career-network-lifestyle_482257-7118.jpg",
|
||||
},
|
||||
name: "Mark D.", handle: "@markdev", testimonial: "I've been using this for months, no issues. Highly recommend for developers.", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freelance-woman-stretching-arms-because-exhaustion-while-working-overtime-from-home-employee-using-modern-technology-midnight-doing-overtime-job-business-busy-career-network-lifestyle_482257-7118.jpg"},
|
||||
{
|
||||
name: "Elena P.",
|
||||
handle: "@elenap",
|
||||
testimonial: "Finally something that doesn't look like bulky gym gear in my apartment.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-resting-office-stretching-arms-after-sitting-working-laptop_1258-195380.jpg",
|
||||
},
|
||||
name: "Elena P.", handle: "@elenap", testimonial: "Finally something that doesn't look like bulky gym gear in my apartment.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-resting-office-stretching-arms-after-sitting-working-laptop_1258-195380.jpg"},
|
||||
{
|
||||
name: "John W.",
|
||||
handle: "@writerjohn",
|
||||
testimonial: "My concentration has improved significantly while walking and reading.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-successful-businesswoman-resting-relaxing-workplace-office_176420-959.jpg",
|
||||
},
|
||||
name: "John W.", handle: "@writerjohn", testimonial: "My concentration has improved significantly while walking and reading.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-successful-businesswoman-resting-relaxing-workplace-office_176420-959.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#shop",
|
||||
},
|
||||
text: "Shop Collection", href: "#shop"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-recording-his-training-full-shot_23-2149177962.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-recording-his-training-full-shot_23-2149177962.jpg"
|
||||
imageAlt="minimalist home office walking pad"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-sport-equipment-device_23-2149177959.jpg",
|
||||
alt: "High angle sport equipment and device",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-sport-equipment-device_23-2149177959.jpg", alt: "High angle sport equipment and device"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-training-with-elastic-bands_23-2149177931.jpg",
|
||||
alt: "Full shot man training with elastic bands",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-training-with-elastic-bands_23-2149177931.jpg", alt: "Full shot man training with elastic bands"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-hydrating_23-2149177977.jpg",
|
||||
alt: "Full shot man hydrating",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-hydrating_23-2149177977.jpg", alt: "Full shot man hydrating"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-training-home_23-2149144823.jpg",
|
||||
alt: "Full shot man training at home",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-training-home_23-2149144823.jpg", alt: "Full shot man training at home"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-desk-with-copy-space_23-2148521608.jpg",
|
||||
alt: "woman using walking pad home office",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-desk-with-copy-space_23-2148521608.jpg", alt: "woman using walking pad home office"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -133,29 +93,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Whisper Quiet Engine",
|
||||
description: "Designed for focus, our motors operate under 45dB.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-mask-gym-using-equipment_23-2148762619.jpg",
|
||||
imageAlt: "treadmill motor close up",
|
||||
},
|
||||
title: "Whisper Quiet Engine", description: "Designed for focus, our motors operate under 45dB.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-mask-gym-using-equipment_23-2148762619.jpg", imageAlt: "treadmill motor close up"},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Low Noise",
|
||||
},
|
||||
text: "Low Noise"},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Durable Build",
|
||||
},
|
||||
text: "Durable Build"},
|
||||
{
|
||||
icon: Award,
|
||||
text: "High Efficiency",
|
||||
},
|
||||
text: "High Efficiency"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-recording-his-training-full-shot_23-2149177962.jpg?_wi=2",
|
||||
imageAlt: "treadmill motor close up",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Built for Performance & Comfort"
|
||||
@@ -171,41 +122,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Walk",
|
||||
price: "$399",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-fit-woman-with-treadmill_23-2150280630.jpg",
|
||||
},
|
||||
id: "p1", name: "Classic Walk", price: "$399", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-fit-woman-with-treadmill_23-2150280630.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Ultra Slim",
|
||||
price: "$499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-girl-stretches-her-legs-before-training-isolated-gray-background_613910-17712.jpg",
|
||||
},
|
||||
id: "p2", name: "Ultra Slim", price: "$499", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-girl-stretches-her-legs-before-training-isolated-gray-background_613910-17712.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Pro Kinetic",
|
||||
price: "$599",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fitness-vlogger-recording-workout-video-camera-studio-using-dumbbells-explain-lifting-technique-sport-practice-muscular-woman-filming-online-training-lesson-toning-ball_482257-37363.jpg",
|
||||
},
|
||||
id: "p3", name: "Pro Kinetic", price: "$599", imageSrc: "http://img.b2bpic.net/free-photo/fitness-vlogger-recording-workout-video-camera-studio-using-dumbbells-explain-lifting-technique-sport-practice-muscular-woman-filming-online-training-lesson-toning-ball_482257-37363.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Elite Home",
|
||||
price: "$699",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-sporty-woman-run-machine-gym_169016-58354.jpg",
|
||||
},
|
||||
id: "p4", name: "Elite Home", price: "$699", imageSrc: "http://img.b2bpic.net/free-photo/young-sporty-woman-run-machine-gym_169016-58354.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Compact Go",
|
||||
price: "$349",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sports-copy-white-exercise-view-weight_1428-695.jpg",
|
||||
},
|
||||
id: "p5", name: "Compact Go", price: "$349", imageSrc: "http://img.b2bpic.net/free-photo/sports-copy-white-exercise-view-weight_1428-695.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Silent Flow",
|
||||
price: "$449",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114174.jpg",
|
||||
},
|
||||
id: "p6", name: "Silent Flow", price: "$449", imageSrc: "http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114174.jpg"},
|
||||
]}
|
||||
title="Premium Walking Pad Series"
|
||||
description="Choose the perfect model to fit your space and fitness goals."
|
||||
@@ -219,20 +146,11 @@ export default function LandingPage() {
|
||||
tag="Trusted by Thousands"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10,000+",
|
||||
description: "Happy Daily Walkers",
|
||||
},
|
||||
id: "m1", value: "10,000+", description: "Happy Daily Walkers"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5M+",
|
||||
description: "Steps Walked",
|
||||
},
|
||||
id: "m2", value: "5M+", description: "Steps Walked"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
description: "Customer Satisfaction",
|
||||
},
|
||||
id: "m3", value: "98%", description: "Customer Satisfaction"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -246,45 +164,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah",
|
||||
role: "Designer",
|
||||
company: "Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-exercising-home_23-2150164780.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah", role: "Designer", company: "Studio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-exercising-home_23-2150164780.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark",
|
||||
role: "Dev",
|
||||
company: "Tech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-office-stretching-work-day_23-2150468541.jpg",
|
||||
},
|
||||
id: "2", name: "Mark", role: "Dev", company: "Tech", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-office-stretching-work-day_23-2150468541.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena",
|
||||
role: "CEO",
|
||||
company: "Inc",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-with-laptop-office_23-2147648032.jpg",
|
||||
},
|
||||
id: "3", name: "Elena", role: "CEO", company: "Inc", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-with-laptop-office_23-2147648032.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "John",
|
||||
role: "Writer",
|
||||
company: "Blogger",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-relaxing-desk_23-2148521601.jpg",
|
||||
},
|
||||
id: "4", name: "John", role: "Writer", company: "Blogger", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-relaxing-desk_23-2148521601.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alice",
|
||||
role: "Editor",
|
||||
company: "Pub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-drinks-tea-works-laptop-freelancer-working-cafe_1321-4582.jpg",
|
||||
},
|
||||
id: "5", name: "Alice", role: "Editor", company: "Pub", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-drinks-tea-works-laptop-freelancer-working-cafe_1321-4582.jpg"},
|
||||
]}
|
||||
title="What Walkers Are Saying"
|
||||
description="Real feedback from our growing community of happy users."
|
||||
@@ -297,20 +190,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is it quiet enough for calls?",
|
||||
content: "Absolutely! Our motors run whisper quiet.",
|
||||
},
|
||||
id: "q1", title: "Is it quiet enough for calls?", content: "Absolutely! Our motors run whisper quiet."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I store it easily?",
|
||||
content: "Yes, it fits under most sofas and beds.",
|
||||
},
|
||||
id: "q2", title: "Can I store it easily?", content: "Yes, it fits under most sofas and beds."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is assembly required?",
|
||||
content: "No, it works right out of the box.",
|
||||
},
|
||||
id: "q3", title: "Is assembly required?", content: "No, it works right out of the box."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pet-cat-lifestyle-portraits_23-2149169922.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -324,16 +208,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in touch"
|
||||
title="Ready to get moving?"
|
||||
description="Send us a message if you have any questions or bulk ordering needs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Support", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -342,29 +223,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "#shop",
|
||||
},
|
||||
label: "All Products", href: "#shop"},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user