bender/eff03ef1-8e1b-4a73-a5db-3a5372156d3c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-30 14:23:42 +00:00
parent 127b32e43e
commit 13dc993836
1 changed files with 52 additions and 206 deletions
Download Patch File Download Diff File Expand all files Collapse all files

258
src/app/page.tsx
View File

@@ -34,25 +34,15 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "Shop Now",
id: "#products",
},
name: "Shop Now", id: "#products"},
{
name: "How It Works",
id: "#features",
},
name: "How It Works", id: "#features"},
{
name: "Our Mission",
id: "#about",
},
name: "Our Mission", id: "#about"},
{
name: "Contact Us",
id: "#contact",
},
name: "Contact Us", id: "#contact"},
]}
brandName="TAPE IT JO"
/>
@@ -61,44 +51,29 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboardCarousel
background={{
variant: "plain",
}}
variant: "plain"}}
title="START BREATHING BETTER"
description="Because Nothing Matters More"
tag="★★★★★4.8/5 stars | 120,000+ customers"
tagAnimation="slide-up"
buttons={[
{
text: "Shop Nose Strips",
href: "#products",
},
text: "Shop Nose Strips", href: "#products"},
]}
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/sportswoman-resting-listening-music_140725-16409.jpg",
imageAlt: "Man running with nasal strip",
},
imageSrc: "http://img.b2bpic.net/free-photo/sportswoman-resting-listening-music_140725-16409.jpg", imageAlt: "Man running with nasal strip"},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-through-fingers-red-tank-top-pants-looking-distrustful-front-view_176474-45823.jpg",
imageAlt: "Woman sleeping with nasal strip",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-through-fingers-red-tank-top-pants-looking-distrustful-front-view_176474-45823.jpg", imageAlt: "Woman sleeping with nasal strip"},
{
imageSrc: "http://img.b2bpic.net/free-photo/yoga-equipment-indoors_23-2148741924.jpg",
imageAlt: "Close up of nasal strip on nose",
},
imageSrc: "http://img.b2bpic.net/free-photo/yoga-equipment-indoors_23-2148741924.jpg", imageAlt: "Close up of nasal strip on nose"},
{
imageSrc: "http://img.b2bpic.net/free-photo/handsome-tattooed-strong-man-gym-doing-cardio_343596-1314.jpg",
imageAlt: "Woman cycling with nasal strip",
},
imageSrc: "http://img.b2bpic.net/free-photo/handsome-tattooed-strong-man-gym-doing-cardio_343596-1314.jpg", imageAlt: "Woman cycling with nasal strip"},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-couple-bed_23-2148379061.jpg",
imageAlt: "Man doing push-ups with nasal strip",
},
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-couple-bed_23-2148379061.jpg", imageAlt: "Man doing push-ups with nasal strip"},
{
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-leaning-cheek-palms-as-pillow-black-t-shirt_176474-81727.jpg",
imageAlt: "Healthy lifestyle with nasal strips",
},
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-leaning-cheek-palms-as-pillow-black-t-shirt_176474-81727.jpg", imageAlt: "Healthy lifestyle with nasal strips"},
]}
/>
</div>
@@ -108,13 +83,10 @@ export default function LandingPage() {
useInvertedBackground={false}
title="The world calls it a nose strip. JORDAN CALLS IT"
description={[
"TAPE IT is engineered to enhance nasal breathing, offering immediate relief and promoting overall well-being. Improve your sleep quality, boost athletic performance, and reduce snoring with our scientifically designed strips. We believe that nothing matters more than how you breathe.",
]}
"TAPE IT is engineered to enhance nasal breathing, offering immediate relief and promoting overall well-being. Improve your sleep quality, boost athletic performance, and reduce snoring with our scientifically designed strips. We believe that nothing matters more than how you breathe."]}
buttons={[
{
text: "Learn More",
href: "#features",
},
text: "Learn More", href: "#features"},
]}
buttonAnimation="slide-up"
showBorder={false}
@@ -129,23 +101,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Breathing",
description: "Breathe more freely, instantly. TAPE IT gently lifts your nasal passages to improve airflow right away, making every breath more efficient.",
imageSrc: "http://img.b2bpic.net/free-photo/nature-suffocated-by-co2-pollution_23-2150858397.jpg",
imageAlt: "Person breathing deeply",
},
title: "Breathing", description: "Breathe more freely, instantly. TAPE IT gently lifts your nasal passages to improve airflow right away, making every breath more efficient.", imageSrc: "http://img.b2bpic.net/free-photo/nature-suffocated-by-co2-pollution_23-2150858397.jpg", imageAlt: "Person breathing deeply"},
{
title: "Sleep",
description: "Sleep deeper, wake up refreshed. By stabilizing your nasal passages, TAPE IT promotes unobstructed airflow, reducing mouth breathing and supporting deeper, more restorative sleep cycles.",
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-blue-pajamas-sitting-bed-stratching-hands-waking-up-happy-positive-enjoying-morning-time-bedroom-interior-light-background_141793-46028.jpg",
imageAlt: "Person sleeping peacefully",
},
title: "Sleep", description: "Sleep deeper, wake up refreshed. By stabilizing your nasal passages, TAPE IT promotes unobstructed airflow, reducing mouth breathing and supporting deeper, more restorative sleep cycles.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-blue-pajamas-sitting-bed-stratching-hands-waking-up-happy-positive-enjoying-morning-time-bedroom-interior-light-background_141793-46028.jpg", imageAlt: "Person sleeping peacefully"},
{
title: "Exercise",
description: "Boost performance, recover faster. Improved nasal breathing during exercise enhances oxygen uptake, leading to greater endurance, reduced fatigue, and quicker recovery post-workout.",
imageSrc: "http://img.b2bpic.net/free-photo/human-technology-concept-handsome-african-american-male-using-earphones-listening-music-his-mobile-phone_273609-1219.jpg",
imageAlt: "Athlete running on track",
},
title: "Exercise", description: "Boost performance, recover faster. Improved nasal breathing during exercise enhances oxygen uptake, leading to greater endurance, reduced fatigue, and quicker recovery post-workout.", imageSrc: "http://img.b2bpic.net/free-photo/human-technology-concept-handsome-african-american-male-using-earphones-listening-music-his-mobile-phone_273609-1219.jpg", imageAlt: "Athlete running on track"},
]}
title="WHY IT WORKS"
description="Discover the scientific benefits of optimized nasal breathing."
@@ -160,25 +120,13 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "metric-1",
value: "97.5%",
title: "Breathed easier",
description: "Users reported easier nasal breathing from the very first use.",
icon: Gauge,
id: "metric-1", value: "97.5%", title: "Breathed easier", description: "Users reported easier nasal breathing from the very first use.", icon: Gauge,
},
{
id: "metric-2",
value: "94.3%",
title: "Restful sleep",
description: "Noticed deeper, more restful sleep, waking up feeling refreshed.",
icon: Home,
id: "metric-2", value: "94.3%", title: "Restful sleep", description: "Noticed deeper, more restful sleep, waking up feeling refreshed.", icon: Home,
},
{
id: "metric-3",
value: "92.1%",
title: "Improved performance",
description: "Experienced significant improvements in athletic endurance and recovery.",
icon: Activity,
id: "metric-3", value: "92.1%", title: "Improved performance", description: "Experienced significant improvements in athletic endurance and recovery.", icon: Activity,
},
]}
title="YOUR BREATHING SHOULD DO MORE"
@@ -194,47 +142,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "nasal-strips-1",
name: "Original Nasal Strips (30-pack)",
price: "$19.99",
imageSrc: "http://img.b2bpic.net/free-photo/young-fitness-girl-black-sportswear-with-headband-puzzled-standing-white-wall_141793-56736.jpg",
imageAlt: "TAPE IT Original Nasal Strips 30-pack",
},
id: "nasal-strips-1", name: "Original Nasal Strips (30-pack)", price: "$19.99", imageSrc: "http://img.b2bpic.net/free-photo/young-fitness-girl-black-sportswear-with-headband-puzzled-standing-white-wall_141793-56736.jpg", imageAlt: "TAPE IT Original Nasal Strips 30-pack"},
{
id: "nasal-strips-2",
name: "Sensitive Skin Nasal Strips (30-pack)",
price: "$22.99",
imageSrc: "http://img.b2bpic.net/free-photo/future-mother-keeps-shoes-baby_8353-5121.jpg",
imageAlt: "TAPE IT Sensitive Skin Nasal Strips 30-pack",
},
id: "nasal-strips-2", name: "Sensitive Skin Nasal Strips (30-pack)", price: "$22.99", imageSrc: "http://img.b2bpic.net/free-photo/future-mother-keeps-shoes-baby_8353-5121.jpg", imageAlt: "TAPE IT Sensitive Skin Nasal Strips 30-pack"},
{
id: "nasal-strips-3",
name: "Extra Strength Nasal Strips (30-pack)",
price: "$21.99",
imageSrc: "http://img.b2bpic.net/free-photo/woman-folding-menstrual-cup-medium-shot_23-2149734183.jpg",
imageAlt: "TAPE IT Extra Strength Nasal Strips 30-pack",
},
id: "nasal-strips-3", name: "Extra Strength Nasal Strips (30-pack)", price: "$21.99", imageSrc: "http://img.b2bpic.net/free-photo/woman-folding-menstrual-cup-medium-shot_23-2149734183.jpg", imageAlt: "TAPE IT Extra Strength Nasal Strips 30-pack"},
{
id: "nasal-strips-4",
name: "Original Nasal Strips (90-pack)",
price: "$49.99",
imageSrc: "http://img.b2bpic.net/free-photo/young-female-doctor-holding-hands-head-medical-uniform-mask-looking-confident_176474-81552.jpg",
imageAlt: "TAPE IT Original Nasal Strips 90-pack",
},
id: "nasal-strips-4", name: "Original Nasal Strips (90-pack)", price: "$49.99", imageSrc: "http://img.b2bpic.net/free-photo/young-female-doctor-holding-hands-head-medical-uniform-mask-looking-confident_176474-81552.jpg", imageAlt: "TAPE IT Original Nasal Strips 90-pack"},
{
id: "nasal-strips-5",
name: "Travel Pack Assorted (10-pack)",
price: "$8.99",
imageSrc: "http://img.b2bpic.net/free-photo/collagen-white-stick-with-glass-water_185193-162486.jpg",
imageAlt: "TAPE IT Travel Pack Assorted Nasal Strips 10-pack",
},
id: "nasal-strips-5", name: "Travel Pack Assorted (10-pack)", price: "$8.99", imageSrc: "http://img.b2bpic.net/free-photo/collagen-white-stick-with-glass-water_185193-162486.jpg", imageAlt: "TAPE IT Travel Pack Assorted Nasal Strips 10-pack"},
{
id: "nasal-strips-6",
name: "Kids Nasal Strips (20-pack)",
price: "$14.99",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-putting-medical-mask-face-protection_23-2148802176.jpg",
imageAlt: "TAPE IT Kids Nasal Strips 20-pack",
},
id: "nasal-strips-6", name: "Kids Nasal Strips (20-pack)", price: "$14.99", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-putting-medical-mask-face-protection_23-2148802176.jpg", imageAlt: "TAPE IT Kids Nasal Strips 20-pack"},
]}
title="Shop Our Collection"
description="Find the perfect nasal strip to elevate your breathing, sleep, and performance."
@@ -246,14 +164,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Forbes",
"Men's Health",
"Runner's World",
"Healthline",
"Sleep Foundation",
"ESPN",
"GQ Sport",
]}
"Forbes", "Men's Health", "Runner's World", "Healthline", "Sleep Foundation", "ESPN", "GQ Sport"]}
title="MAKING HEADLINES ON"
description="Featured in leading health and fitness publications."
/>
@@ -266,45 +177,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Maya D.",
role: "Yoga Instructor",
testimonial: "I was honestly surprised how much easier breathing felt the first night. My sleep improved almost immediately, and I feel more focused in my morning practice.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-sport-outfit-holding-white-sign-o_140725-85441.jpg",
imageAlt: "Maya D.",
},
id: "t1", name: "Maya D.", role: "Yoga Instructor", testimonial: "I was honestly surprised how much easier breathing felt the first night. My sleep improved almost immediately, and I feel more focused in my morning practice.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-sport-outfit-holding-white-sign-o_140725-85441.jpg", imageAlt: "Maya D."},
{
id: "t2",
name: "Salwa M.",
role: "CrossFit Athlete",
testimonial: "Super comfortable and actually stays on all night. I wake up feeling way more refreshed, ready to tackle my workouts. A game-changer for recovery!",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-with-water-bottles_23-2149557871.jpg",
imageAlt: "Salwa M.",
},
id: "t2", name: "Salwa M.", role: "CrossFit Athlete", testimonial: "Super comfortable and actually stays on all night. I wake up feeling way more refreshed, ready to tackle my workouts. A game-changer for recovery!", imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-with-water-bottles_23-2149557871.jpg", imageAlt: "Salwa M."},
{
id: "t3",
name: "David P.",
role: "Marathon Runner",
testimonial: "TAPE IT nasal strips have significantly improved my oxygen intake during long runs. I feel less fatigued and can maintain my pace for longer. Highly recommend!",
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-sporty-man-wearing-headband-wristband-holding_141793-56330.jpg",
imageAlt: "David P.",
},
id: "t3", name: "David P.", role: "Marathon Runner", testimonial: "TAPE IT nasal strips have significantly improved my oxygen intake during long runs. I feel less fatigued and can maintain my pace for longer. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-sporty-man-wearing-headband-wristband-holding_141793-56330.jpg", imageAlt: "David P."},
{
id: "t4",
name: "Jessica L.",
role: "Busy Mom",
testimonial: "As a busy mom, quality sleep is crucial. These strips help me breathe better, reducing my snoring and giving me the restful sleep I desperately need. Thank you, TAPE IT!",
imageSrc: "http://img.b2bpic.net/free-photo/young-confident-african-american-sportsman-workout-city-stadium_574295-3119.jpg",
imageAlt: "Jessica L.",
},
id: "t4", name: "Jessica L.", role: "Busy Mom", testimonial: "As a busy mom, quality sleep is crucial. These strips help me breathe better, reducing my snoring and giving me the restful sleep I desperately need. Thank you, TAPE IT!", imageSrc: "http://img.b2bpic.net/free-photo/young-confident-african-american-sportsman-workout-city-stadium_574295-3119.jpg", imageAlt: "Jessica L."},
{
id: "t5",
name: "Mark S.",
role: "Gym Enthusiast",
testimonial: "I used to struggle with nasal congestion during my workouts. TAPE IT opened up my airways, allowing for deeper breaths and a more effective gym session.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-smiling-woman-with-products-skin-cleaner_197531-32379.jpg",
imageAlt: "Mark S.",
},
id: "t5", name: "Mark S.", role: "Gym Enthusiast", testimonial: "I used to struggle with nasal congestion during my workouts. TAPE IT opened up my airways, allowing for deeper breaths and a more effective gym session.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-smiling-woman-with-products-skin-cleaner_197531-32379.jpg", imageAlt: "Mark S."},
]}
title="SEE THEIR REACTIONS"
description="Hear what our customers have to say about their TAPE IT experience."
@@ -317,25 +198,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq-1",
title: "Are these Nose strips safe for sensitive skins?",
content: "We hear you! Most nose strips are made with hypoallergenic, medical-grade adhesive that's gentle on most skin. But everyone's different, right? If you have super sensitive skin, do a quick patch test on your arm before sticking it on your nose. That way, you can see if it causes any irritation.",
},
id: "faq-1", title: "Are these Nose strips safe for sensitive skins?", content: "We hear you! Most nose strips are made with hypoallergenic, medical-grade adhesive that's gentle on most skin. But everyone's different, right? If you have super sensitive skin, do a quick patch test on your arm before sticking it on your nose. That way, you can see if it causes any irritation."},
{
id: "faq-2",
title: "What if I have Asthma or Allergies?",
content: "No worries at all. TAPE IT is designed to help improve nasal airflow and reduce congestion, which can be beneficial if you have asthma or allergies. Always consult with your doctor if you have specific medical conditions or concerns.",
},
id: "faq-2", title: "What if I have Asthma or Allergies?", content: "No worries at all. TAPE IT is designed to help improve nasal airflow and reduce congestion, which can be beneficial if you have asthma or allergies. Always consult with your doctor if you have specific medical conditions or concerns."},
{
id: "faq-3",
title: "How long can I wear the strips?",
content: "You can comfortably wear TAPE IT nasal strips for up to 12 hours. They are designed for extended wear, making them perfect for a full night's sleep or an intense workout session.",
},
id: "faq-3", title: "How long can I wear the strips?", content: "You can comfortably wear TAPE IT nasal strips for up to 12 hours. They are designed for extended wear, making them perfect for a full night's sleep or an intense workout session."},
{
id: "faq-4",
title: "Are they reusable?",
content: "For optimal hygiene and adhesive effectiveness, TAPE IT nasal strips are designed for single use only. Each strip is engineered to provide maximum lift and comfort for one application.",
},
id: "faq-4", title: "Are they reusable?", content: "For optimal hygiene and adhesive effectiveness, TAPE IT nasal strips are designed for single use only. Each strip is engineered to provide maximum lift and comfort for one application."},
]}
title="EVERYTHING YOU NEED TO KNOW"
description="Your most common questions, answered."
@@ -347,18 +216,13 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
text="Ready to transform your breathing, sleep, and performance? Get in touch with us today!"
buttons={[
{
text: "Contact Support",
href: "mailto:support@tapeitjo.com",
},
text: "Contact Support", href: "mailto:support@tapeitjo.com"},
{
text: "Visit Our Store",
href: "#products",
},
text: "Visit Our Store", href: "#products"},
]}
/>
</div>
@@ -367,54 +231,36 @@ export default function LandingPage() {
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/yoga-mat-water-bottle-assortment_23-2149442713.jpg"
imageAlt="Gym product nasal strips lifestyle"
videoSrc="" // Added as per locked.sections and error message
videoAriaLabel="Footer background video"
logoText="TAPE IT JO"
columns={[
{
title: "Product",
items: [
title: "Product", items: [
{
label: "Shop Now",
href: "#products",
},
label: "Shop Now", href: "#products"},
{
label: "How It Works",
href: "#features",
},
label: "How It Works", href: "#features"},
{
label: "FAQs",
href: "#faq",
},
label: "FAQs", href: "#faq"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "Our Mission",
href: "#about",
},
label: "Our Mission", href: "#about"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "Where to Find Us",
href: "/locations",
},
label: "Where to Find Us", href: "/locations"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "/privacy",
},
label: "Privacy Policy", href: "/privacy"},
{
label: "Terms of Service",
href: "/terms",
},
label: "Terms of Service", href: "/terms"},
],
},
]}