Merge version_1 into main #1
244
src/app/page.tsx
244
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Equipment",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Equipment", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Trainify"
|
||||
/>
|
||||
@@ -58,34 +46,16 @@ export default function LandingPage() {
|
||||
title="Trainify Your Home Performance"
|
||||
description="Premium, durable gym equipment designed for the ultimate home workout experience."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Equipment",
|
||||
href: "#products",
|
||||
},
|
||||
{ text: "Shop Equipment", href: "#products" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114244.jpg"
|
||||
imageAlt="home gym minimalist setup green"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-outdoors-portrait_23-2150828926.jpg",
|
||||
alt: "Front view woman outdoors portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-wearing-sportswear-morning-park_93675-132882.jpg",
|
||||
alt: "Portrait of a young smiling woman wearing sportswear in morning park",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fit-young-woman-sportswear-posing_23-2148759026.jpg",
|
||||
alt: "Fit young woman in sportswear posing",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brunette-woman-wearing-sport-clothes_329181-13199.jpg",
|
||||
alt: "Brunette woman wearing sport clothes",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/afro-american-sportsman-getting-ready-training_342744-655.jpg",
|
||||
alt: "Afro - American sportsman getting ready for the training",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-woman-outdoors-portrait_23-2150828926.jpg", alt: "Front view woman outdoors portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-wearing-sportswear-morning-park_93675-132882.jpg", alt: "Portrait of a young smiling woman wearing sportswear in morning park" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/fit-young-woman-sportswear-posing_23-2148759026.jpg", alt: "Fit young woman in sportswear posing" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/brunette-woman-wearing-sport-clothes_329181-13199.jpg", alt: "Brunette woman wearing sport clothes" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/afro-american-sportsman-getting-ready-training_342744-655.jpg", alt: "Afro - American sportsman getting ready for the training" },
|
||||
]}
|
||||
avatarText="Join 5,000+ athletes"
|
||||
/>
|
||||
@@ -95,19 +65,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Built for ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-training-yoga-mat_23-2149177996.jpg",
|
||||
alt: "person working out home",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " Real Athletes.",
|
||||
},
|
||||
{ type: "text", content: "Built for " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/full-shot-man-training-yoga-mat_23-2149177996.jpg", alt: "person working out home" },
|
||||
{ type: "text", content: " Real Athletes." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -118,21 +78,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Activity,
|
||||
title: "Heavy-Duty Iron",
|
||||
description: "High-grade materials ensuring maximum durability.",
|
||||
},
|
||||
{
|
||||
icon: Cog,
|
||||
title: "Precision Design",
|
||||
description: "Engineered for optimal biomechanics and performance.",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Lifetime Warranty",
|
||||
description: "Committed to quality with every purchase.",
|
||||
},
|
||||
{ icon: Activity, title: "Heavy-Duty Iron", description: "High-grade materials ensuring maximum durability." },
|
||||
{ icon: Cog, title: "Precision Design", description: "Engineered for optimal biomechanics and performance." },
|
||||
{ icon: Shield, title: "Lifetime Warranty", description: "Committed to quality with every purchase." },
|
||||
]}
|
||||
title="Why Choose Trainify?"
|
||||
description="Quality engineered equipment that stands the test of time."
|
||||
@@ -143,62 +91,15 @@ export default function LandingPage() {
|
||||
<ProductCardTwo
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Trainify",
|
||||
name: "Pro Kettlebell",
|
||||
price: "$99",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heavy-kettlebell-dark-background-with-chain_84443-84448.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Trainify",
|
||||
name: "Pro Bench",
|
||||
price: "$299",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-out-gym_23-2148197779.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Trainify",
|
||||
name: "Elite Dumbbells",
|
||||
price: "$150",
|
||||
rating: 4,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sport-assortment-minimal-style_23-2149006325.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Trainify",
|
||||
name: "Resist Bands",
|
||||
price: "$45",
|
||||
rating: 4,
|
||||
reviewCount: "50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-older-woman-with-elastic-rope-beach_23-2148685692.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Trainify",
|
||||
name: "Iron Bar",
|
||||
price: "$120",
|
||||
rating: 5,
|
||||
reviewCount: "30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-european-male-person-working-out-home_181624-45023.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Trainify",
|
||||
name: "Yoga Blocks",
|
||||
price: "$30",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-sitting-studio-near-gray-wall_158538-3601.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Trainify", name: "Pro Kettlebell", price: "$99", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/heavy-kettlebell-dark-background-with-chain_84443-84448.jpg" },
|
||||
{ id: "p2", brand: "Trainify", name: "Pro Bench", price: "$299", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/man-working-out-gym_23-2148197779.jpg" },
|
||||
{ id: "p3", brand: "Trainify", name: "Elite Dumbbells", price: "$150", rating: 4, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/sport-assortment-minimal-style_23-2149006325.jpg" },
|
||||
{ id: "p4", brand: "Trainify", name: "Resist Bands", price: "$45", rating: 4, reviewCount: "50", imageSrc: "http://img.b2bpic.net/free-photo/smiley-older-woman-with-elastic-rope-beach_23-2148685692.jpg" },
|
||||
{ id: "p5", brand: "Trainify", name: "Iron Bar", price: "$120", rating: 5, reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-european-male-person-working-out-home_181624-45023.jpg" },
|
||||
{ id: "p6", brand: "Trainify", name: "Yoga Blocks", price: "$30", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/female-sitting-studio-near-gray-wall_158538-3601.jpg" },
|
||||
]}
|
||||
title="Our Best Sellers"
|
||||
description="Essential equipment for your home sanctuary."
|
||||
@@ -209,31 +110,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Anna S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-outdoors-portrait_23-2150828878.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-curly-dark-skinned-man-white-long-sleeved-shirt-smiles-stretches-outside_197531-23683.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Helen D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-senior-couple-with-working-out-equipment-beach_23-2148685707.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Ryan P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-fitness-ball_1385-687.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sarah K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-happy-young-afro-american-bodybuilder-looking-camera-grinning-confidently-keeping-hands-his-waist-posing-against-white-studio-wall-background-with-copy-space-your-text_343059-465.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Anna S.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-outdoors-portrait_23-2150828878.jpg" },
|
||||
{ id: "t2", name: "Mark L.", imageSrc: "http://img.b2bpic.net/free-photo/brunette-curly-dark-skinned-man-white-long-sleeved-shirt-smiles-stretches-outside_197531-23683.jpg" },
|
||||
{ id: "t3", name: "Helen D.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-senior-couple-with-working-out-equipment-beach_23-2148685707.jpg" },
|
||||
{ id: "t4", name: "Ryan P.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-fitness-ball_1385-687.jpg" },
|
||||
{ id: "t5", name: "Sarah K.", imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-happy-young-afro-american-bodybuilder-looking-camera-grinning-confidently-keeping-hands-his-waist-posing-against-white-studio-wall-background-with-copy-space-your-text_343059-465.jpg" },
|
||||
]}
|
||||
cardTitle="Athlete Stories"
|
||||
cardTag="Testimonials"
|
||||
@@ -247,33 +128,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
title: "Units Sold",
|
||||
items: [
|
||||
"Strength",
|
||||
"Endurance",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50+",
|
||||
title: "Expert Designs",
|
||||
items: [
|
||||
"Ergonomic",
|
||||
"Functional",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
title: "Customer Satisfaction",
|
||||
items: [
|
||||
"Quality",
|
||||
"Trust",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "10k+", title: "Units Sold", items: ["Strength", "Endurance"] },
|
||||
{ id: "m2", value: "50+", title: "Expert Designs", items: ["Ergonomic", "Functional"] },
|
||||
{ id: "m3", value: "99%", title: "Customer Satisfaction", items: ["Quality", "Trust"] },
|
||||
]}
|
||||
title="Stats That Matter"
|
||||
description="Results driven by quality gear."
|
||||
@@ -285,21 +142,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is shipping free?",
|
||||
content: "We offer free shipping on all orders over $200.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What is the return policy?",
|
||||
content: "30-day money-back guarantee on all products.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I assemble it myself?",
|
||||
content: "Yes, our products come with simple assembly guides.",
|
||||
},
|
||||
{ id: "f1", title: "Is shipping free?", content: "We offer free shipping on all orders over $200." },
|
||||
{ id: "f2", title: "What is the return policy?", content: "30-day money-back guarantee on all products." },
|
||||
{ id: "f3", title: "Can I assemble it myself?", content: "Yes, our products come with simple assembly guides." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sports-equipment-dumbbells-gym_169016-61685.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -313,32 +158,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get In Touch"
|
||||
title="Ready to Train?"
|
||||
description="Reach out to our experts for personalized recommendations."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Trainify"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Terms of Service", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user