219 lines
13 KiB
TypeScript
219 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
|
|
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
|
|
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
|
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
|
|
import ContactText from "@/components/sections/contact/ContactText";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
import { Award, CheckCircle, Heart, Shield, ShoppingCart, Sparkles, Wind, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="large"
|
|
background="circleGradient"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="AeroStrips"
|
|
navItems={[
|
|
{ name: "Features", id: "features" },
|
|
{ name: "Products", id: "products" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "FAQ", id: "faq" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
button={{ text: "Shop Now", href: "products" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
title="Breathe Better. Perform Stronger."
|
|
description="Premium athletic nasal strips designed for elite performance. Unlock 50% better airflow, enhanced endurance, and faster recovery with AeroStrips."
|
|
background={{ variant: "plain" }}
|
|
kpis={[
|
|
{ value: "50%", label: "More Airflow" },
|
|
{ value: "99.2%", label: "Athlete Satisfaction" },
|
|
{ value: "24hrs", label: "Lasting Comfort" },
|
|
]}
|
|
enableKpiAnimation={true}
|
|
tag="Trusted by 10,000+ Athletes"
|
|
tagIcon={Zap}
|
|
buttons={[
|
|
{ text: "Shop Premium Strips", href: "products" },
|
|
{ text: "Learn How It Works", href: "features" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/photo-young-afro-american-athlete-man-run-running-track-outdoors_171337-9471.jpg"
|
|
imageAlt="Professional athlete performing with AeroStrips"
|
|
mediaAnimation="slide-up"
|
|
imagePosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyFive
|
|
title="Why Athletes Choose AeroStrips"
|
|
description="Experience the science-backed benefits that make us the preferred choice for serious athletes."
|
|
tag="Performance Benefits"
|
|
tagIcon={Sparkles}
|
|
features={[
|
|
{
|
|
title: "Superior Airflow", description: "Engineered to maximize nasal passages for optimal oxygen intake during intense training.", icon: Wind,
|
|
mediaItems: [
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-praying-outdoors_23-2149037669.jpg", imageAlt: "Performance" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12667.jpg", imageAlt: "Comfort" },
|
|
],
|
|
},
|
|
{
|
|
title: "All-Day Comfort", description: "Hypoallergenic adhesive and flexible design ensure comfort from morning to night workouts.", icon: Heart,
|
|
mediaItems: [
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12667.jpg", imageAlt: "Comfort" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-praying-outdoors_23-2149037669.jpg", imageAlt: "Performance" },
|
|
],
|
|
},
|
|
{
|
|
title: "Professional Grade", description: "Medical-grade materials approved by sports medicine experts worldwide.", icon: Shield,
|
|
mediaItems: [
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-praying-outdoors_23-2149037669.jpg", imageAlt: "Performance" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12667.jpg", imageAlt: "Comfort" },
|
|
],
|
|
},
|
|
{
|
|
title: "Instant Results", description: "Feel the difference immediately with our patented nasal opening technology.", icon: Zap,
|
|
mediaItems: [
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12667.jpg", imageAlt: "Comfort" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-praying-outdoors_23-2149037669.jpg", imageAlt: "Performance" },
|
|
],
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
title="Our Premium Collection"
|
|
description="Choose from our elite range of athletic nasal strips tailored to your performance needs."
|
|
tag="Shop Now"
|
|
tagIcon={ShoppingCart}
|
|
products={[
|
|
{
|
|
id: "1", name: "AeroStrips Pro White", price: "$29.99", imageSrc: "http://img.b2bpic.net/free-photo/alternate-nostril-breathing_1163-1283.jpg", imageAlt: "AeroStrips Pro White premium nasal strips"},
|
|
{
|
|
id: "2", name: "AeroStrips Elite Black", price: "$34.99", imageSrc: "http://img.b2bpic.net/free-photo/young-fitness-woman-headband-with-hands-near-face-smiling-cheerfully-standing-white-wall_141793-61213.jpg", imageAlt: "AeroStrips Elite Black athletic nasal strips"},
|
|
{
|
|
id: "3", name: "AeroStrips Clear Sport", price: "$24.99", imageSrc: "http://img.b2bpic.net/free-photo/young-fitness-woman-headband-punching-herself-into-face-blue-wall_141793-61481.jpg", imageAlt: "AeroStrips Clear Sport lightweight nasal strips"},
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
buttons={[{ text: "View All Products", href: "#" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
title="Loved by Elite Athletes"
|
|
description="See what professional runners and sports enthusiasts have to say about AeroStrips."
|
|
tag="Customer Reviews"
|
|
tagIcon={Award}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Mitchell", role: "Marathon Runner & Coach", testimonial: "AeroStrips transformed my training. The airflow improvement is incredible, and I've shaved 3 minutes off my marathon time. Non-negotiable for any serious runner.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-athletic-man-black-background_613910-9870.jpg", imageAlt: "Sarah Mitchell, Marathon Runner"},
|
|
{
|
|
id: "2", name: "James Chen", role: "Olympic Triathlete", testimonial: "As an Olympic athlete, I'm picky about equipment. AeroStrips deliver measurable performance gains without any discomfort. They're my secret weapon.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-darkskinned-browneyed-brunette-longsleeved-tshirt-looks-into-camera-runs-upstairs-outdoors_197531-28721.jpg", imageAlt: "James Chen, Olympic Triathlete"},
|
|
{
|
|
id: "3", name: "Emma Rodriguez", role: "Fitness Coach", testimonial: "I recommend AeroStrips to every high-performance client. The results speak for themselves—better endurance, faster recovery, and happy athletes.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-athletic-man-black-background_613910-9870.jpg", imageAlt: "Emma Rodriguez, Fitness Coach"},
|
|
{
|
|
id: "4", name: "Michael Thompson", role: "Crossfit Champion", testimonial: "During intense WODs, every bit of oxygen counts. AeroStrips keep me breathing easy and performing at my peak. Worth every penny.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-athletic-man-black-background_613910-9870.jpg", imageAlt: "Michael Thompson, Crossfit Champion"},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Endorsed by Leading Athletic Brands"
|
|
description="Join thousands of athletes who trust AeroStrips for performance optimization."
|
|
tag="Brand Partners"
|
|
tagIcon={CheckCircle}
|
|
names={[
|
|
"Nike Athletes", "Adidas Performance", "Puma Pro Team", "Under Armour", "Reebok Elite", "New Balance Pro", "ASICS Marathon", "Saucony Racing"]}
|
|
logos={[
|
|
"http://img.b2bpic.net/free-vector/soccer-logo-template_23-2149588679.jpg", "http://img.b2bpic.net/free-vector/abstract-silhouette-sport-logo-flat-design_23-2148220451.jpg", "http://img.b2bpic.net/free-vector/hand-drawn-pitbull-esport-logo_23-2150524257.jpg", "http://img.b2bpic.net/free-vector/hd-monogram-logo-template_23-2150206047.jpg", "http://img.b2bpic.net/free-vector/abstract-silhouette-sport-logo-flat-design_23-2148220451.jpg", "http://img.b2bpic.net/free-vector/abstract-silhouette-sport-logo-flat-design_23-2148220451.jpg", "http://img.b2bpic.net/free-vector/abstract-silhouette-sport-logo-flat-design_23-2148220451.jpg", "http://img.b2bpic.net/free-vector/urban-shoes-logo_1051-1632.jpg"]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
sideTitle="Frequently Asked Questions"
|
|
sideDescription="Everything you need to know about AeroStrips premium nasal strips."
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How long do AeroStrips last?", content: "Each strip provides up to 24 hours of continuous support. Most athletes find one strip is sufficient for training sessions and daily activities."},
|
|
{
|
|
id: "2", title: "Are they suitable for sensitive skin?", content: "Yes! AeroStrips are hypoallergenic and made with medical-grade materials. We conduct extensive patch testing to ensure safety for all skin types."},
|
|
{
|
|
id: "3", title: "Will they interfere with my training?", content: "Not at all. AeroStrips are designed to stay in place during intense workouts, swimming, and competition. The flexible adhesive ensures comfort and security."},
|
|
{
|
|
id: "4", title: "What's the difference between Pro and Clear?", content: "Pro strips offer maximum visible support, while Clear strips are nearly invisible. Both provide identical airflow performance—choose based on personal preference."},
|
|
{
|
|
id: "5", title: "Can I use them with makeup or sunscreen?", content: "Yes, apply sunscreen or makeup first, then gently place the strip. We recommend allowing skincare products to dry completely before application."},
|
|
{
|
|
id: "6", title: "Do you offer bulk discounts?", content: "Absolutely! Teams, coaches, and high-volume buyers qualify for special pricing. Contact our sales team for custom quotes."},
|
|
]}
|
|
textPosition="left"
|
|
useInvertedBackground={false}
|
|
animationType="smooth"
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to elevate your athletic performance? Join thousands of elite athletes improving their game with AeroStrips."
|
|
animationType="entrance-slide"
|
|
buttons={[
|
|
{ text: "Get Your AeroStrips Today", href: "products" },
|
|
{ text: "Schedule a Consultation", href: "#" },
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="AeroStrips"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Terms of Service", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|