bender/e445df41-921f-4403-bdb8-832d438feba7
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-16 14:04:45 +00:00
parent 6b4b205d01
commit a67a59a45f
1 changed files with 149 additions and 155 deletions
Download Patch File Download Diff File Expand all files Collapse all files

304
src/app/page.tsx
View File

@@ -2,179 +2,173 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="medium"
sizing="mediumLargeSizeLargeTitles"
background="none"
cardStyle="glass-depth"
primaryButtonStyle="flat"
secondaryButtonStyle="radial-glow"
headingFontWeight="extrabold"
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="medium"
sizing="mediumLargeSizeLargeTitles"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Strength", id: "strength" },
{ name: "Compare", id: "compare" },
{ name: "Lab", id: "lab" },
{ name: "Contact", id: "contact" },
]}
brandName="APEX FORGE"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "hero" },
{ name: "Strength", id: "strength" },
{ name: "Compare", id: "compare" },
{ name: "Gear", id: "products" },
{ name: "Contact", id: "contact" }
]}
brandName="APEX FORGE"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{ variant: "gradient-bars" }}
title="FORGE YOUR LEGACY."
description="Competition-grade equipment engineered for the relentless."
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/training-cross-fit-gym_169016-3356.jpg", imageAlt: "Powerlifter training" },
{ imageSrc: "http://img.b2bpic.net/free-photo/texture-close-up-metal_23-2148198951.jpg", imageAlt: "Strength Training" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-exercising-rowing-machine-gym_23-2147827875.jpg", imageAlt: "Cardio Training" },
{ imageSrc: "http://img.b2bpic.net/free-photo/training-items-athletics_23-2151077752.jpg", imageAlt: "Power Rack" },
{ imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_23-2148138469.jpg", imageAlt: "Maintenance" },
{ imageSrc: "http://img.b2bpic.net/free-photo/various-tools_23-2147773342.jpg", imageAlt: "Lifting Gear" }
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/squared-concrete-wall_1194-5532.jpg", imageAlt: "Strength" },
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114124.jpg", imageAlt: "Power Rack" },
{ imageSrc: "http://img.b2bpic.net/free-photo/bodybuilder-working-his-legs-with-weight-machine-gym-muscular-young-man-blue-shorts-doing-exercises_639032-2732.jpg", imageAlt: "Endurance" },
{ imageSrc: "http://img.b2bpic.net/free-photo/barbell-ready-workout-gym-various-sizes-weight-plates_169016-40070.jpg", imageAlt: "Gear" },
{ imageSrc: "http://img.b2bpic.net/free-photo/man-lifting-barbell-gym_23-2151982350.jpg", imageAlt: "Lifting" },
{ imageSrc: "http://img.b2bpic.net/free-photo/mid-section-view-woman-s-hand-exercising-with-dumbbell-gym_23-2147827432.jpg", imageAlt: "Recovery" }
]}
buttons={[{ text: "EQUIP YOUR GYM", href: "#products" }]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{ variant: "gradient-bars" }}
title="FORGE YOUR LEGACY."
description="Competition-grade equipment engineered for the relentless."
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/training-cross-fit-gym_169016-3356.jpg", imageAlt: "Powerlifter training" },
{ imageSrc: "http://img.b2bpic.net/free-photo/texture-close-up-metal_23-2148198951.jpg", imageAlt: "Strength Training" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-exercising-rowing-machine-gym_23-2147827875.jpg", imageAlt: "Cardio Training" },
{ imageSrc: "http://img.b2bpic.net/free-photo/training-items-athletics_23-2151077752.jpg", imageAlt: "Power Rack" },
{ imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_23-2148138469.jpg", imageAlt: "Maintenance" }
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/squared-concrete-wall_1194-5532.jpg", imageAlt: "Strength" },
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114124.jpg", imageAlt: "Power Rack" },
{ imageSrc: "http://img.b2bpic.net/free-photo/bodybuilder-working-his-legs-with-weight-machine-gym-muscular-young-man-blue-shorts-doing-exercises_639032-2732.jpg", imageAlt: "Endurance" },
{ imageSrc: "http://img.b2bpic.net/free-photo/barbell-ready-workout-gym-various-sizes-weight-plates_169016-40070.jpg", imageAlt: "Gear" },
{ imageSrc: "http://img.b2bpic.net/free-photo/man-lifting-barbell-gym_23-2151982350.jpg", imageAlt: "Lifting" }
]}
buttons={[{ text: "EQUIP YOUR GYM", href: "#products" }]}
/>
</div>
<div id="strength" data-section="strength">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{ title: "Power Racks", description: "11-gauge steel, 1000lb capacity.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114127.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-kettlebells-gym_23-2149255815.jpg" } },
{ title: "Endurance", description: "Smart cardio engines for recovery.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/people-exercising-gym_52683-111021.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/young-woman-stretching-preparing-exercise-outdoors_23-2149676920.jpg" } },
{ title: "Tactical", description: "Calibrated plates for absolute precision.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/weights-front-window_23-2148017341.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/sports-equipment-dumbbells-gym_169016-59099.jpg" } }
]}
showStepNumbers={false}
title="STRENGTH & IRON"
description="Precision-engineered steel for peak performance."
/>
</div>
<div id="strength" data-section="strength">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
showStepNumbers={false}
title="STRENGTH & IRON"
description="Precision-engineered steel for peak performance."
features={[
{ title: "Power Racks", description: "11-gauge steel, 1000lb capacity.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114127.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-kettlebells-gym_23-2149255815.jpg" } },
{ title: "Endurance", description: "Smart cardio engines for recovery.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/people-exercising-gym_52683-111021.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/young-woman-stretching-preparing-exercise-outdoors_23-2149676920.jpg" } },
{ title: "Tactical", description: "Calibrated plates for absolute precision.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/weights-front-window_23-2148017341.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/sports-equipment-dumbbells-gym_169016-59099.jpg" } }
]}
/>
</div>
<div id="compare" data-section="compare">
<MetricCardEleven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{ id: "1", value: "11-GAUGE", title: "Steel Gauge", description: "Professional thickness", imageSrc: "http://img.b2bpic.net/free-photo/girl-gym_1157-5012.jpg" },
{ id: "2", value: "1000LB", title: "Capacity", description: "Extreme structural load", imageSrc: "http://img.b2bpic.net/free-photo/dumbbell_74190-5777.jpg" },
{ id: "3", value: "LASER", title: "Cut Precision", description: "CNC manufacturing", imageSrc: "http://img.b2bpic.net/free-photo/man-working-out-gym_23-2148197746.jpg" }
]}
title="TITAN SERIES SPECS"
description="Engineering excellence in every detail."
/>
</div>
<div id="compare" data-section="compare">
<MetricCardEleven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
title="TITAN SERIES SPECS"
description="Engineering excellence in every detail."
metrics={[
{ id: "1", value: "11-GAUGE", title: "Steel Gauge", description: "Professional thickness", imageSrc: "http://img.b2bpic.net/free-photo/girl-gym_1157-5012.jpg" },
{ id: "2", value: "1000LB", title: "Capacity", description: "Extreme structural load", imageSrc: "http://img.b2bpic.net/free-photo/dumbbell_74190-5777.jpg" },
{ id: "3", value: "LASER", title: "Cut Precision", description: "CNC manufacturing", imageSrc: "http://img.b2bpic.net/free-photo/man-working-out-gym_23-2148197746.jpg" }
]}
/>
</div>
<div id="social" data-section="social">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={["Lifetime Frame Warranty", "Global Shipping", "SGS Safety Certified", "ISO Certified", "Pro-Grade Verified", "Gym Owner Approved", "Structural Integrity Certified"]}
title="CERTIFIED QUALITY"
description="Global standards in athletic safety."
/>
</div>
<div id="social" data-section="social">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
title="CERTIFIED QUALITY"
description="Global standards in athletic safety."
names={["Lifetime Frame Warranty", "Global Shipping", "SGS Safety Certified", "ISO Certified", "Pro-Grade Verified", "Gym Owner Approved", "Structural Integrity Certified"]}
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="scale-rotate"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{ id: "p1", brand: "Apex", name: "Titan Rack", price: "$1200", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/athlete-gym-swings-triceps-with-barbell-sports-lifestyle_169016-61178.jpg" },
{ id: "p2", brand: "Apex", name: "Iron Plate", price: "$89", rating: 5, reviewCount: "400", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-metallic-pattern-with-holes_23-2148311370.jpg" },
{ id: "p3", brand: "Apex", name: "Smart Rower", price: "$1500", rating: 4, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114190.jpg" },
{ id: "p4", brand: "Apex", name: "Foam Roller", price: "$45", rating: 5, reviewCount: "250", imageSrc: "http://img.b2bpic.net/free-photo/person-using-massage-gun_23-2149398518.jpg" },
{ id: "p5", brand: "Apex", name: "Lifting Strap", price: "$29", rating: 5, reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/man-with-dumbbell-looking-shoulder_23-2147687560.jpg" },
{ id: "p6", brand: "Apex", name: "Tool Kit", price: "$59", rating: 4, reviewCount: "50", imageSrc: "http://img.b2bpic.net/free-photo/rehabilitation-specialist-doing-active-treatment-suspension-straps-female-patient_169016-40789.jpg" }
]}
title="ESSENTIAL GEAR"
description="Everything the forge demands."
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="scale-rotate"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="ESSENTIAL GEAR"
description="Everything the forge demands."
products={[
{ id: "p1", brand: "Apex", name: "Titan Rack", price: "$1200", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/athlete-gym-swings-triceps-with-barbell-sports-lifestyle_169016-61178.jpg" },
{ id: "p2", brand: "Apex", name: "Iron Plate", price: "$89", rating: 5, reviewCount: "400", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-metallic-pattern-with-holes_23-2148311370.jpg" },
{ id: "p3", brand: "Apex", name: "Smart Rower", price: "$1500", rating: 4, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114190.jpg" }
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{ id: "t1", title: "Best Rack", quote: "The engineering is unparalleled.", name: "Mark R.", role: "Gym Owner", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-muscular-build-man-weight-training-health-club_637285-2484.jpg" },
{ id: "t2", title: "Built Tough", quote: "Nothing handles this weight better.", name: "Sarah J.", role: "Powerlifter", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-competing-olympic-games_23-2151450250.jpg" },
{ id: "t3", title: "Precision", quote: "Best gear I've ever installed.", name: "Tom K.", role: "Crossfit Coach", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-basketball-player_23-2151098109.jpg" },
{ id: "t4", title: "Safety First", quote: "Feels invincible in the gym.", name: "Lisa M.", role: "Strength Trainer", imageSrc: "http://img.b2bpic.net/free-photo/black-white-portrait-athlete-participating-olympic-championship-sports_23-2151500576.jpg" },
{ id: "t5", title: "Heavy Duty", quote: "Worth every single cent.", name: "Dave B.", role: "Home Gym Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/trans-man-working-out-gym_23-2149712799.jpg" }
]}
title="WALL OF GAIN"
description="Real owners, real feedback."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
textboxLayout="split"
useInvertedBackground={true}
title="WALL OF GAIN"
description="Real owners, real feedback."
testimonials={[
{ id: "t1", title: "Best Rack", quote: "The engineering is unparalleled.", name: "Mark R.", role: "Gym Owner", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-muscular-build-man-weight-training-health-club_637285-2484.jpg" },
{ id: "t2", title: "Built Tough", quote: "Nothing handles this weight better.", name: "Sarah J.", role: "Powerlifter", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-competing-olympic-games_23-2151450250.jpg" },
{ id: "t3", title: "Precision", quote: "Best gear I've ever installed.", name: "Tom K.", role: "Crossfit Coach", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-basketball-player_23-2151098109.jpg" }
]}
/>
</div>
<div id="lab" data-section="lab">
<BlogCardOne
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="THE FORGE LAB"
description="Maintenance guides & workout templates."
blogs={[
{ id: "b1", category: "Maintenance", title: "Steel Care 101", excerpt: "Keep your racks for life.", imageSrc: "http://img.b2bpic.net/free-photo/development-movements-radial-wrist-joint-functional-board-hand_169016-41385.jpg", authorName: "Forge Master", authorAvatar: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-working-with-car-tire-auto-repair-shop_637285-7618.jpg", date: "Jan 2025" },
{ id: "b2", category: "Training", title: "Peak Intensity", excerpt: "The science of training.", imageSrc: "http://img.b2bpic.net/free-photo/fitness-girl-making-flexing-exercise_23-2148017401.jpg", authorName: "Forge Master", authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-young-woman-practicing-yoga-is-engaged-with-teacher-online-via-tablet-home-sports-concept_1153-8323.jpg", date: "Feb 2025" },
{ id: "b3", category: "Gear", title: "Strap Durability", excerpt: "Why leather still wins.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-training-with-weights_23-2148603882.jpg", authorName: "Forge Master", authorAvatar: "http://img.b2bpic.net/free-photo/young-black-man-with-skipping-rope_23-2148203614.jpg", date: "Mar 2025" }
]}
/>
</div>
<div id="lab" data-section="lab">
<BlogCardOne
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="THE FORGE LAB"
description="Maintenance guides & workout templates."
blogs={[
{ id: "b1", category: "Maintenance", title: "Steel Care 101", excerpt: "Keep your racks for life.", imageSrc: "http://img.b2bpic.net/free-photo/development-movements-radial-wrist-joint-functional-board-hand_169016-41385.jpg", authorName: "Forge Master", authorAvatar: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-working-with-car-tire-auto-repair-shop_637285-7618.jpg", date: "Jan 2025" },
{ id: "b2", category: "Training", title: "Peak Intensity", excerpt: "The science of training.", imageSrc: "http://img.b2bpic.net/free-photo/fitness-girl-making-flexing-exercise_23-2148017401.jpg", authorName: "Forge Master", authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-young-woman-practicing-yoga-is-engaged-with-teacher-online-via-tablet-home-sports-concept_1153-8323.jpg", date: "Feb 2025" },
{ id: "b3", category: "Gear", title: "Strap Durability", excerpt: "Why leather still wins.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-training-with-weights_23-2148603882.jpg", authorName: "Forge Master", authorAvatar: "http://img.b2bpic.net/free-photo/young-black-man-with-skipping-rope_23-2148203614.jpg", date: "Mar 2025" }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{ variant: "downward-rays-animated-grid" }}
tag="Join The Lab"
title="FORGE YOUR LEGACY"
description="Sign up for pro-tips and early equipment access."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{ variant: "downward-rays-animated-grid" }}
tag="Join The Lab"
title="FORGE YOUR LEGACY"
description="Sign up for pro-tips and early equipment access."
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Shop", items: [{ label: "Strength", href: "#strength" }, { label: "Compare", href: "#compare" }, { label: "Gear", href: "#products" }] },
{ title: "Support", items: [{ label: "Warranty", href: "#" }, { label: "Safety", href: "#" }, { label: "Shipping", href: "#" }] }
]}
logoText="APEX FORGE"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Shop", items: [{ label: "Strength", href: "#strength" }, { label: "Compare", href: "#compare" }, { label: "Gear", href: "#products" }] },
{ title: "Support", items: [{ label: "Warranty", href: "#" }, { label: "Safety", href: "#" }, { label: "Shipping", href: "#" }] }
]}
logoText="APEX FORGE"
/>
</div>
</ReactLenis>
</ThemeProvider>
);