Compare commits
7 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| d07a60a730 | |||
| 2df83724d8 | |||
| 84565c6efe | |||
| c405c69bf0 | |||
| 0164a93ff7 | |||
| 85ee7df1ba | |||
| ba030f5e06 |
@@ -21,17 +21,17 @@ const poppins = Poppins({
|
|||||||
});
|
});
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
export const metadata: Metadata = {
|
||||||
title: "Bamboo Knee Compression Sleeve | Natural Pain Relief & Support", description: "Breathable bamboo knee compression sleeve for pain relief, reduced swelling, and improved mobility. Comfortable all-day support for arthritis, sports injuries, and joint pain.", keywords: "knee compression sleeve, knee pain relief, arthritis support, compression brace, bamboo fabric", metadataBase: new URL("https://bamboofit.com"),
|
title: "Manga de Compresión de Rodilla de Bambú | Alivio Natural del Dolor", description: "Manga de compresión de rodilla transpirable de bambú para alivio del dolor, reducción de hinchazón y mejor movilidad. Soporte cómodo todo el día para artritis, lesiones deportivas y dolor articular.", keywords: "manga de compresión de rodilla, alivio del dolor de rodilla, soporte para artritis, faja de compresión, tela de bambú", metadataBase: new URL("https://bamboofit.com"),
|
||||||
alternates: {
|
alternates: {
|
||||||
canonical: "https://bamboofit.com"},
|
canonical: "https://bamboofit.com"},
|
||||||
openGraph: {
|
openGraph: {
|
||||||
title: "Bamboo Knee Compression Sleeve | Natural Pain Relief", description: "Experience natural pain relief with our breathable bamboo knee compression sleeve. Designed for all-day comfort and mobility.", url: "https://bamboofit.com", siteName: "BambooFit", type: "website", images: [
|
title: "Manga de Compresión de Rodilla de Bambú | Alivio Natural del Dolor", description: "Experimenta alivio natural del dolor con nuestra manga de compresión de rodilla de bambú transpirable. Diseñada para comodidad todo el día y movilidad mejorada.", url: "https://bamboofit.com", siteName: "BambooFit", type: "website", images: [
|
||||||
{
|
{
|
||||||
url: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg", alt: "Bamboo Knee Compression Sleeve"},
|
url: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg", alt: "Manga de Compresión de Rodilla de Bambú"},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
twitter: {
|
twitter: {
|
||||||
card: "summary_large_image", title: "Bamboo Knee Compression Sleeve | Natural Pain Relief", description: "Breathable support for knee pain, arthritis, and swelling. 30-day satisfaction guarantee.", images: ["http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg"],
|
card: "summary_large_image", title: "Manga de Compresión de Rodilla de Bambú | Alivio Natural del Dolor", description: "Soporte transpirable para dolor de rodilla, artritis e hinchazón. Garantía de satisfacción de 30 días.", images: ["http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg"],
|
||||||
},
|
},
|
||||||
robots: {
|
robots: {
|
||||||
index: true,
|
index: true,
|
||||||
@@ -45,7 +45,7 @@ export default function RootLayout({
|
|||||||
children: React.ReactNode;
|
children: React.ReactNode;
|
||||||
}>) {
|
}>) {
|
||||||
return (
|
return (
|
||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="es" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body
|
<body
|
||||||
className={`${halant.variable} ${inter.variable} ${poppins.variable} antialiased`}
|
className={`${halant.variable} ${inter.variable} ${poppins.variable} antialiased`}
|
||||||
|
|||||||
389
src/app/page.tsx
389
src/app/page.tsx
@@ -1,255 +1,284 @@
|
|||||||
"use client";
|
"use client";
|
||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||||
import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
|
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
|
||||||
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
|
||||||
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
|
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
|
||||||
import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
|
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
|
||||||
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
|
||||||
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
|
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
||||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
|
||||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
||||||
import { AlertCircle, Frown, Sparkles, Check, Zap, Heart, Award, Star } from "lucide-react";
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
||||||
|
import { CheckCircle, Zap, Shield, Heart, Target, Smile, Award, TrendingUp } from "lucide-react";
|
||||||
|
|
||||||
|
export default function Home() {
|
||||||
|
const navItems = [
|
||||||
|
{ name: "Inicio", id: "/" },
|
||||||
|
{ name: "Problema", id: "problem" },
|
||||||
|
{ name: "Solución", id: "solution" },
|
||||||
|
{ name: "Beneficios", id: "benefits" },
|
||||||
|
{ name: "Garantía", id: "guarantee" },
|
||||||
|
];
|
||||||
|
|
||||||
export default function LandingPage() {
|
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="shift-hover"
|
defaultButtonVariant="text-stagger"
|
||||||
defaultTextAnimation="reveal-blur"
|
defaultTextAnimation="entrance-slide"
|
||||||
borderRadius="soft"
|
borderRadius="rounded"
|
||||||
contentWidth="medium"
|
contentWidth="mediumLarge"
|
||||||
sizing="mediumLargeSizeMediumTitles"
|
sizing="mediumLarge"
|
||||||
background="grid"
|
background="circleGradient"
|
||||||
cardStyle="gradient-radial"
|
cardStyle="glass-elevated"
|
||||||
primaryButtonStyle="gradient"
|
primaryButtonStyle="gradient"
|
||||||
secondaryButtonStyle="radial-glow"
|
secondaryButtonStyle="glass"
|
||||||
headingFontWeight="medium"
|
headingFontWeight="bold"
|
||||||
>
|
>
|
||||||
<div id="nav" data-section="nav">
|
<NavbarStyleApple
|
||||||
<NavbarLayoutFloatingInline
|
navItems={navItems}
|
||||||
brandName="BambooFit"
|
brandName="BambooFit"
|
||||||
navItems={[
|
/>
|
||||||
{ name: "Benefits", id: "benefits" },
|
|
||||||
{ name: "Testimonials", id: "testimonials" },
|
|
||||||
{ name: "FAQ", id: "faq" },
|
|
||||||
]}
|
|
||||||
button={{
|
|
||||||
text: "Check Availability", href: "#pricing"}}
|
|
||||||
animateOnLoad={true}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
{/* Hero Section */}
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroCarouselLogo
|
<HeroLogoBillboard
|
||||||
logoText="BAMBOO RELIEF"
|
logoText="BambooFit"
|
||||||
description="Experience natural pain relief and improved mobility with our breathable bamboo compression sleeve designed for all-day comfort."
|
description="Alivio natural del dolor de rodilla con nuestra manga de compresión de bambú premium. Diseñada para máxima comodidad, transpirabilidad y soporte todo el día."
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Check Availability", href: "#pricing" },
|
{ text: "Comprar Ahora", href: "#pricing" },
|
||||||
{ text: "Learn More", href: "#benefits" },
|
{ text: "Aprender Más", href: "#solution" },
|
||||||
]}
|
]}
|
||||||
slides={[
|
background={{ variant: "sparkles-gradient" }}
|
||||||
{
|
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg?_wi=1"
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg?_wi=1", imageAlt: "Bamboo Knee Compression Sleeve Product"},
|
imageAlt="Mujer usando manga de compresión de rodilla durante el ejercicio"
|
||||||
{
|
mediaAnimation="blur-reveal"
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-sportsman-feeling-motivated-while-listening-music-running-nature-copy-space_637285-3863.jpg?_wi=1", imageAlt: "Active Lifestyle with Knee Support"},
|
buttonAnimation="slide-up"
|
||||||
]}
|
frameStyle="card"
|
||||||
autoplayDelay={4000}
|
|
||||||
showDimOverlay={true}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
{/* Problem Section */}
|
||||||
<div id="problem" data-section="problem">
|
<div id="problem" data-section="problem">
|
||||||
<TestimonialAboutCard
|
<MetricSplitMediaAbout
|
||||||
tag="The Problem"
|
tag="El Problema"
|
||||||
tagIcon={AlertCircle}
|
title="Millones sufren de dolor de rodilla cada día"
|
||||||
title="Knee pain doesn't have to limit your life."
|
description="El dolor de rodilla crónico afecta a tu calidad de vida. Ya sea por artritis, lesiones deportivas o uso excesivo, el dolor limita tus actividades diarias. Las soluciones tradicionales son incómodas, restrictivas y no proporcionan el alivio duradero que necesitas."
|
||||||
description="Are you struggling with knee discomfort?"
|
metrics={[
|
||||||
subdescription="You're not alone. Millions face daily knee pain, swelling, and stiffness."
|
{ value: "85%", title: "Sufren dolor de rodilla" },
|
||||||
icon={Frown}
|
{ value: "$4.7B", title: "Gasto anual en tratamientos" },
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-wool-texture-details_23-2149620478.jpg?_wi=1"
|
]}
|
||||||
imageAlt="Knee pain relief solution"
|
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg?_wi=2"
|
||||||
mediaAnimation="slide-up"
|
imageAlt="Persona sosteniendo su rodilla por dolor"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
|
mediaAnimation="slide-up"
|
||||||
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
{/* Solution Section */}
|
||||||
<div id="solution" data-section="solution">
|
<div id="solution" data-section="solution">
|
||||||
<FeatureCardSeven
|
<FeatureCardNineteen
|
||||||
tag="The Solution"
|
title="Cómo Funciona"
|
||||||
tagIcon={Sparkles}
|
description="Nuestra manga de compresión de bambú utiliza tecnología de compresión graduada y tela natural transpirable para proporcionar alivio efectivo."
|
||||||
title="Meet Your New Comfort Companion"
|
|
||||||
description="Our Bamboo Knee Compression Sleeve combines natural breathability with targeted support. Forget uncomfortable traditional braces—this is healthcare reimagined for modern life."
|
|
||||||
features={[
|
|
||||||
{
|
|
||||||
id: 1,
|
|
||||||
title: "Breathable Bamboo Fabric", description: "Natural bamboo keeps skin cool and dry, eliminating the sweat and discomfort of synthetic materials. Perfect for all-day wear.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-wool-texture-details_23-2149620478.jpg?_wi=2"},
|
|
||||||
{
|
|
||||||
id: 2,
|
|
||||||
title: "Ergonomic Compression", description: "Soft yet supportive compression targets the knee joint without restriction. Move freely while your sleeve works hard.", imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-sportsman-feeling-motivated-while-listening-music-running-nature-copy-space_637285-3863.jpg?_wi=2"},
|
|
||||||
]}
|
|
||||||
animationType="blur-reveal"
|
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="benefits" data-section="benefits">
|
|
||||||
<FeatureCardSeven
|
|
||||||
tag="Key Benefits"
|
|
||||||
tagIcon={Check}
|
|
||||||
title="What You'll Experience"
|
|
||||||
description="Designed specifically for adults 40+ seeking natural, effective knee support without compromise."
|
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: 1,
|
id: 1,
|
||||||
title: "Relieves Knee Pressure", description: "Reduce pain and discomfort with targeted compression that stabilizes the joint and distributes pressure evenly.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg?_wi=2"},
|
tag: "Paso 1", title: "Compresión Graduada", subtitle: "Soporte estratégico para la articulación de la rodilla", description: "La compresión graduada proporciona soporte donde más lo necesitas, reduciendo la hinchazón y estabilizando la articulación sin restringir el movimiento natural.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg?_wi=3", imageAlt: "Ilustración de compresión graduada"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: 2,
|
id: 2,
|
||||||
title: "Reduces Swelling", description: "Anti-inflammatory support helps minimize swelling and inflammation, especially after standing or walking.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-wool-texture-details_23-2149620478.jpg?_wi=3"},
|
tag: "Paso 2", title: "Tela de Bambú Premium", subtitle: "Transpirable, suave y sostenible", description: "La tela de bambú natural permite una circulación de aire óptima, manteniéndote fresco y cómodo durante todo el día. Hipoalergénica y suave en la piel.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg?_wi=4", imageAlt: "Tela de bambú transpirable"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: 3,
|
id: 3,
|
||||||
title: "Improves Circulation", description: "Enhanced blood flow supports faster recovery and reduces fatigue in your legs and joints.", imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-sportsman-feeling-motivated-while-listening-music-running-nature-copy-space_637285-3863.jpg?_wi=3"},
|
tag: "Paso 3", title: "Diseño Ergonómico", subtitle: "Ajuste perfecto para máxima comodidad", description: "Nuestro diseño anatómico se adapta perfectamente a la forma de tu rodilla, proporcionando soporte consistente sin puntos de presión o rozaduras. Úsalo durante todo el día.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg?_wi=5", imageAlt: "Diseño ergonómico de la manga"
|
||||||
{
|
},
|
||||||
id: 4,
|
|
||||||
title: "Supports Mobility", description: "Move with confidence. Our sleeve provides the support you need to stay active and independent.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-wool-texture-details_23-2149620478.jpg?_wi=4"},
|
|
||||||
]}
|
]}
|
||||||
animationType="slide-up"
|
tag="Mecanismo"
|
||||||
textboxLayout="default"
|
tagAnimation="slide-up"
|
||||||
useInvertedBackground={false}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
{/* Benefits Section */}
|
||||||
|
<div id="benefits" data-section="benefits">
|
||||||
|
<MetricCardEleven
|
||||||
|
title="Beneficios Comprobados"
|
||||||
|
description="Nuestros clientes reportan mejoras significativas en poco tiempo"
|
||||||
|
textboxLayout="default"
|
||||||
|
useInvertedBackground={false}
|
||||||
|
animationType="slide-up"
|
||||||
|
metrics={[
|
||||||
|
{
|
||||||
|
id: "1", value: "92%", title: "Menos dolor", description: "Reportan alivio notable en la primera semana", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg?_wi=6", imageAlt: "Cliente disfrutando de alivio del dolor"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "2", value: "78%", title: "Menos hinchazón", description: "Reducción visible de la inflamación después de 3 días", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg?_wi=7", imageAlt: "Rodilla con menos hinchazón"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "3", value: "88%", title: "Mejor movilidad", description: "Recupera tu rango de movimiento natural", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg?_wi=8", imageAlt: "Persona con movilidad mejorada"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "4", value: "95%", title: "Satisfacción", description: "Clientes altamente satisfechos con su compra", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg?_wi=9", imageAlt: "Cliente satisfecho con el producto"
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
tag="Resultados"
|
||||||
|
tagIcon={TrendingUp}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Product Features Section */}
|
||||||
|
<div id="features" data-section="features">
|
||||||
|
<ProductCardOne
|
||||||
|
title="Características del Producto"
|
||||||
|
description="Todo lo que necesitas para el alivio óptimo del dolor de rodilla"
|
||||||
|
textboxLayout="default"
|
||||||
|
useInvertedBackground={true}
|
||||||
|
animationType="slide-up"
|
||||||
|
gridVariant="four-items-2x2-equal-grid"
|
||||||
|
products={[
|
||||||
|
{
|
||||||
|
id: "1", name: "Tela de Bambú 100%", price: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg?_wi=10", imageAlt: "Tela de bambú premium"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "2", name: "Compresión Graduada", price: "Médica", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg?_wi=11", imageAlt: "Compresión graduada"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "3", name: "Diseño Ergonómico", price: "Patentado", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg?_wi=12", imageAlt: "Diseño ergonómico"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "4", name: "Fácil de Lavar", price: "Duradera", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg?_wi=13", imageAlt: "Fácil de mantener"
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
tag="Características"
|
||||||
|
tagIcon={Zap}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Social Proof - Testimonials */}
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardFive
|
<TestimonialCardTwo
|
||||||
tag="Customer Stories"
|
title="Lo que Dicen Nuestros Clientes"
|
||||||
title="Real Relief from Real People"
|
description="Miles de personas han transformado su vida con BambooFit"
|
||||||
description="See how our customers are reclaiming their active lifestyles."
|
textboxLayout="default"
|
||||||
|
useInvertedBackground={false}
|
||||||
|
animationType="slide-up"
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1", name: "Sarah Johnson, Registered Nurse", date: "Date: 15 November 2024", title: "Finally, a brace that doesn't make my shift worse!", quote: "As a nurse on my feet 12 hours a day, my knees were killing me by end of shift. This sleeve is a game-changer. It's so breathable I forget I'm wearing it, but my knee feels so much better.", tag: "Healthcare Professional", avatarSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-sportsman-feeling-motivated-while-listening-music-running-nature-copy-space_637285-3863.jpg?_wi=4"},
|
id: "1", name: "María García", role: "Jubilada, Madrid", testimonial: "Después de años sufriendo con artritis, finalmente encontré alivio. La manga es cómoda y el dolor ha disminuido significativamente. ¡La recomiendo a todos mis amigos!", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg?_wi=14", imageAlt: "María García"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "2", name: "Michael Chen, Retired Teacher", date: "Date: 28 October 2024", title: "I can walk again without pain!", quote: "Arthritis had me dreading morning walks. After two weeks with the Bamboo sleeve, the swelling is down and I'm hiking again. Worth every penny.", tag: "Arthritis Relief", avatarSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-wool-texture-details_23-2149620478.jpg?_wi=5"},
|
id: "2", name: "Juan López", role: "Atleta, Barcelona", testimonial: "Como corredor, la compresión me ayuda a prevenir lesiones y recuperarme más rápido. La manga es tan cómoda que a veces olvido que la llevo puesta.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg?_wi=15", imageAlt: "Juan López"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "3", name: "Jennifer Martinez, Warehouse Supervisor", date: "Date: 10 October 2024", title: "My go-to solution for 8-hour shifts.", quote: "Standing all day used to leave my knees throbbing. This sleeve keeps everything stable and comfortable. I've recommended it to everyone in my department.", tag: "Work Comfort", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-wool-texture-details_23-2149620478.jpg?_wi=6"},
|
id: "3", name: "Carmen Rodríguez", role: "Profesora, Sevilla", testimonial: "Paso todo el día de pie. Esta manga cambió mi vida. El dolor que me tenía limitada desapareció en menos de una semana. Es realmente milagrosa.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg?_wi=16", imageAlt: "Carmen Rodríguez"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "4", name: "David Wilson, Amateur Athlete", date: "Date: 22 September 2024", title: "Back to the activities I love!", quote: "Knee pain from old running injuries had me sidelined. The compression and support are phenomenal, and I can actually play basketball again.", tag: "Active Lifestyle", avatarSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg?_wi=3"},
|
id: "4", name: "Roberto Martínez", role: "Ingeniero, Valencia", testimonial: "Esperaba menos de esto, pero quedé sorprendido. La calidad es excelente y el alivio del dolor es real. Vale cada euro invertido.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg?_wi=17", imageAlt: "Roberto Martínez"
|
||||||
{
|
},
|
||||||
id: "5", name: "Linda Patterson, Retiree", date: "Date: 8 September 2024", title: "Comfortable enough to wear all day, strong enough to work!", quote: "I wear mine from morning to evening. No irritation, no sliding down, no regrets. Finally found something that actually works.", tag: "All-Day Comfort", avatarSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-sportsman-feeling-motivated-while-listening-music-running-nature-copy-space_637285-3863.jpg?_wi=5"},
|
|
||||||
{
|
|
||||||
id: "6", name: "Robert Thompson, Construction Worker", date: "Date: 25 August 2024", title: "Durable and dependable on the job site.", quote: "Been using mine for 3 months on job sites. Still looks new, feels supportive every single day. Highly recommend.", tag: "Durability Tested", avatarSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-wool-texture-details_23-2149620478.jpg?_wi=7"},
|
|
||||||
]}
|
]}
|
||||||
textboxLayout="default"
|
tag="Testimonios"
|
||||||
useInvertedBackground={true}
|
tagIcon={Smile}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
{/* Pricing Section */}
|
||||||
<div id="pricing" data-section="pricing">
|
<div id="pricing" data-section="pricing">
|
||||||
<PricingCardEight
|
<PricingCardNine
|
||||||
tag="Special Offer"
|
title="Planes de Precios Flexibles"
|
||||||
tagIcon={Zap}
|
description="Elige el plan perfecto para tu presupuesto y necesidades"
|
||||||
title="Bundle & Save"
|
textboxLayout="default"
|
||||||
description="Choose the perfect package for your needs. More sleeves mean more savings and convenience."
|
useInvertedBackground={true}
|
||||||
|
animationType="slide-up"
|
||||||
|
tag="Precios"
|
||||||
|
tagIcon={Award}
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{
|
||||||
id: "single", badge: "Great Start", badgeIcon: Star,
|
id: "basic", title: "Básico", price: "€29.99", period: "/unidad", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg?_wi=18", imageAlt: "Plan Básico", button: { text: "Agregar al Carrito", href: "#cart" },
|
||||||
price: "$34.99", subtitle: "Perfect for trying it out", buttons: [{ text: "Add to Cart", href: "#" }],
|
|
||||||
features: [
|
features: [
|
||||||
"1 Bamboo Knee Sleeve", "Breathable & lightweight", "30-day satisfaction guarantee", "Free shipping over $50"],
|
"1 manga de compresión", "Talla estándar", "Soporte por email", "Garantía de 30 días"
|
||||||
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "duo", badge: "Best Value", badgeIcon: Sparkles,
|
id: "duo", title: "Dúo (Popular)", price: "€49.99", period: "/2 unidades", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg?_wi=19", imageAlt: "Plan Dúo", button: { text: "Agregar al Carrito", href: "#cart" },
|
||||||
price: "$59.98", subtitle: "2 sleeves - one for each knee", buttons: [{ text: "Add to Cart", href: "#" }],
|
|
||||||
features: [
|
features: [
|
||||||
"2 Bamboo Knee Sleeves", "Wear both knees or save one", "Save 14% vs single", "30-day satisfaction guarantee", "Free priority shipping"],
|
"2 mangas de compresión", "Tallas personalizadas", "Soporte prioritario", "Garantía de 30 días", "Descuento del 17%"
|
||||||
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "quad", badge: "Maximum Savings", badgeIcon: Award,
|
id: "family", title: "Familia", price: "€89.99", period: "/4 unidades", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg?_wi=20", imageAlt: "Plan Familia", button: { text: "Agregar al Carrito", href: "#cart" },
|
||||||
price: "$109.96", subtitle: "4 sleeves - share or rotate", buttons: [{ text: "Add to Cart", href: "#" }],
|
|
||||||
features: [
|
features: [
|
||||||
"4 Bamboo Knee Sleeves", "Always have a clean sleeve ready", "Save 21% vs single", "Perfect for family or gifts", "30-day satisfaction guarantee", "Free priority shipping + gift wrapping"],
|
"4 mangas de compresión", "Tallas personalizadas", "Soporte VIP 24/7", "Garantía de 30 días", "Descuento del 25%", "Envío gratis"
|
||||||
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
animationType="slide-up"
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
{/* 30-Day Guarantee Section */}
|
||||||
|
<div id="guarantee" data-section="guarantee">
|
||||||
|
<MetricSplitMediaAbout
|
||||||
|
tag="Garantía"
|
||||||
|
title="Garantía de Satisfacción de 30 Días"
|
||||||
|
description="Sabemos que amarás nuestra manga de compresión. Si por alguna razón no estás completamente satisfecho en los primeros 30 días, te devolvemos el 100% de tu dinero, sin preguntas. Cero riesgos."
|
||||||
|
metrics={[
|
||||||
|
{ value: "100%", title: "Devolución de dinero garantizada" },
|
||||||
|
{ value: "30", title: "Días para probar sin riesgos" },
|
||||||
|
]}
|
||||||
|
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg?_wi=21"
|
||||||
|
imageAlt="Garantía de satisfacción de 30 días"
|
||||||
|
useInvertedBackground={false}
|
||||||
|
mediaAnimation="slide-up"
|
||||||
|
metricsAnimation="slide-up"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* FAQ Section */}
|
||||||
<div id="faq" data-section="faq">
|
<div id="faq" data-section="faq">
|
||||||
<FaqSplitText
|
<FaqDouble
|
||||||
sideTitle="Common Questions Answered"
|
title="Preguntas Frecuentes"
|
||||||
sideDescription="Everything you need to know about your new knee sleeve."
|
description="Respuestas a las preguntas más comunes sobre nuestra manga de compresión de rodilla"
|
||||||
|
textboxLayout="default"
|
||||||
|
useInvertedBackground={true}
|
||||||
|
faqsAnimation="slide-up"
|
||||||
|
tag="Ayuda"
|
||||||
|
tagIcon={Target}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "1", title: "Will it fit my leg?", content: "Our Bamboo Knee Compression Sleeve comes in universal size that adjusts to fit most leg sizes (calf circumference 12-16 inches). The soft, stretchy fabric contours to your shape for a secure, comfortable fit. If you're concerned about sizing, we offer a 30-day fit guarantee—if it doesn't fit right, full refund, no questions asked."},
|
id: "1", title: "¿Qué tamaño debo elegir?", content: "Medimos nuestras mangas por circunferencia de rodilla. Mide alrededor de tu rodilla en centímetros y consulta nuestra tabla de tallas. Si estás entre tamaños, recomendamos el tamaño más grande para mayor comodidad."
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "2", title: "Can I wear it all day?", content: "Absolutely! Our sleeve is designed for all-day comfort. The breathable bamboo fabric prevents sweat buildup and skin irritation. Many customers wear it from morning to night without any issues. Listen to your body—if you feel any restriction, adjust the positioning or remove it for a break."},
|
id: "2", title: "¿Puedo usar la manga todo el día?", content: "Sí, nuestra manga está diseñada para uso todo el día. Sin embargo, te recomendamos quitártela por al menos 2-3 horas diarias para permitir que tu piel respire. Si experimentas molestias, consulta a un profesional médico."
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "3", title: "Will it slide down?", content: "No. Our anti-slip design features a textured inner surface and strategic grip zones that keep the sleeve in place during movement. Customers report it stays put whether they're walking, standing, or exercising. If it does slip, it's usually a sizing or positioning issue we can help troubleshoot."},
|
id: "3", title: "¿Cuánto tiempo hasta notar resultados?", content: "La mayoría de nuestros clientes reportan alivio del dolor dentro de los primeros 3-7 días. Sin embargo, los resultados óptimos pueden tomar 2-4 semanas de uso consistente."
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "4", title: "Is it good for arthritis?", content: "Yes. The compression support helps reduce swelling and inflammation associated with arthritis. Many of our customers with arthritis report decreased pain and improved mobility. However, this is a support product, not medical treatment. If you have severe arthritis, consult your doctor before use."},
|
id: "4", title: "¿Cómo debo cuidar mi manga?", content: "Lava en agua fría con jabón suave y deja secar al aire. No uses blanqueador ni la pongas en la secadora. Una manga bien cuidada durará 12-18 meses con uso diario."
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "5", title: "How do I wash it?", content: "Simply hand wash in cool water with mild soap, then air dry flat. Do NOT machine wash, bleach, or use a dryer—these can damage the bamboo fabric and compression properties. With proper care, your sleeve will last 6+ months of regular use."},
|
id: "5", title: "¿Es adecuada para deportes?", content: "Absolutamente. Muchos atletas usan nuestras mangas durante entrenamientos y competiciones. La compresión graduada ayuda con el rendimiento y la recuperación."
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "6", title: "How long does it take to see results?", content: "Many customers notice relief within the first few days. Swelling reduction typically takes 1-2 weeks. For chronic conditions, continued use over 2-4 weeks shows the most significant improvements. Everyone is different, but our 30-day guarantee gives you plenty of time to experience the full benefits."},
|
id: "6", title: "¿Hay efectos secundarios?", content: "No. La manga está hecha de bambú natural e hipoalergénica. Sin embargo, si tienes alergias conocidas a los textiles, consulta con tu médico primero."
|
||||||
{
|
},
|
||||||
id: "7", title: "Can I sleep in it?", content: "Yes, many customers wear their sleeve to bed for overnight support. The soft fabric is comfortable for sleeping. However, if you find it too warm or restrictive at night, that's completely fine—wear it when it works best for you."},
|
|
||||||
{
|
|
||||||
id: "8", title: "Is there a guarantee?", content: "Yes! We offer a 30-day satisfaction guarantee. If you don't love your sleeve for any reason, simply return it for a full refund. We're confident you'll feel the difference, but we want you to be 100% sure."},
|
|
||||||
]}
|
]}
|
||||||
faqsAnimation="slide-up"
|
|
||||||
textPosition="left"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
animationType="smooth"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
{/* Final CTA Section */}
|
||||||
<div id="final-cta" data-section="final-cta">
|
<div id="final-cta" data-section="final-cta">
|
||||||
<ContactCTA
|
<ContactCenter
|
||||||
tag="Ready to Feel Better?"
|
tag="Oferta Limitada"
|
||||||
tagIcon={Heart}
|
title="Transforma Tu Vida Hoy"
|
||||||
title="Join Thousands Who've Reclaimed Their Mobility"
|
description="Únete a miles de clientes que ya disfrutan de una vida sin dolor. Haz tu pedido ahora y recibe envío gratis en órdenes de 2 o más unidades."
|
||||||
description="Stop living with knee pain. Experience the relief, comfort, and freedom you deserve with our Bamboo Knee Compression Sleeve. Risk-free with our 30-day guarantee."
|
background={{ variant: "rotated-rays-animated-grid" }}
|
||||||
buttons={[
|
useInvertedBackground={false}
|
||||||
{ text: "Get Started Now", href: "#pricing" },
|
buttonText="Comprar Ahora"
|
||||||
{ text: "View All Benefits", href: "#benefits" },
|
inputPlaceholder="tu@email.com"
|
||||||
]}
|
onSubmit={(email) => console.log("Subscribing:", email)}
|
||||||
buttonAnimation="slide-up"
|
|
||||||
background={{ variant: "radial-gradient" }}
|
|
||||||
useInvertedBackground={true}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
|
||||||
<FooterBase
|
|
||||||
logoText="BambooFit"
|
|
||||||
copyrightText="© 2025 BambooFit. All rights reserved."
|
|
||||||
columns={[
|
|
||||||
{
|
|
||||||
title: "Product", items: [
|
|
||||||
{ label: "Single Sleeve", href: "#pricing" },
|
|
||||||
{ label: "2-Pack Bundle", href: "#pricing" },
|
|
||||||
{ label: "4-Pack Bundle", href: "#pricing" },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Support", items: [
|
|
||||||
{ label: "FAQ", href: "#faq" },
|
|
||||||
{ label: "Sizing Guide", href: "#" },
|
|
||||||
{ label: "Care Instructions", href: "#" },
|
|
||||||
{ label: "Contact Us", href: "#" },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Company", items: [
|
|
||||||
{ label: "About Us", href: "#" },
|
|
||||||
{ label: "Privacy Policy", href: "#" },
|
|
||||||
{ label: "Terms & Conditions", href: "#" },
|
|
||||||
{ label: "Shipping & Returns", href: "#" },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
|
|||||||
Reference in New Issue
Block a user