Merge version_1 into main #10
171
src/app/page.tsx
171
src/app/page.tsx
@@ -1,4 +1,5 @@
|
||||
'use client';
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
@@ -10,134 +11,110 @@ import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCar
|
||||
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import Link from "next/link";
|
||||
|
||||
const navItems = [{ name: "Home", id: "/" }];
|
||||
|
||||
export default function HomePage() {
|
||||
export default function Page() {
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple navItems={navItems} brandName="APEX FORGE" />
|
||||
<NavbarStyleApple navItems={[{ name: "Home", id: "/" }]} />
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
title="FORGE YOUR LEGACY."
|
||||
description="Competition-grade equipment engineered for the relentless."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
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" }]}
|
||||
title="Welcome"
|
||||
description="Experience the best."
|
||||
background={{ variant: "plain" }}
|
||||
leftCarouselItems={[]}
|
||||
rightCarouselItems={[]}
|
||||
/>
|
||||
</div>
|
||||
<div id="strength" data-section="strength">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
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" } }
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
<FeatureCardNine
|
||||
title="Our Strengths"
|
||||
description="Built for scale."
|
||||
features={[]}
|
||||
showStepNumbers={false}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="compare" data-section="compare">
|
||||
<MetricCardEleven
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="TITAN SERIES SPECS"
|
||||
description="Engineering excellence in every detail."
|
||||
animationType="slide-up"
|
||||
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" }
|
||||
]}
|
||||
<MetricCardEleven
|
||||
title="Metrics"
|
||||
description="Performance tracking."
|
||||
metrics={[]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
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."
|
||||
names={["Brand A", "Brand B"]}
|
||||
title="Trusted By"
|
||||
description="Industry leaders."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
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" }
|
||||
]}
|
||||
<ProductCardTwo
|
||||
title="Our Products"
|
||||
description="Quality curated."
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", brand: "A", name: "P1", price: "$1", rating: 5, reviewCount: "10", imageSrc: "/i.jpg" },
|
||||
{ id: "2", brand: "B", name: "P2", price: "$2", rating: 5, reviewCount: "10", imageSrc: "/i.jpg" },
|
||||
{ id: "3", brand: "C", name: "P3", price: "$3", rating: 5, reviewCount: "10", imageSrc: "/i.jpg" }
|
||||
]}
|
||||
/>
|
||||
</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" },
|
||||
{ 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" }
|
||||
]}
|
||||
<TestimonialCardTen
|
||||
title="Testimonials"
|
||||
description="Hear from users."
|
||||
testimonials={[]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="lab" data-section="lab">
|
||||
<BlogCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
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" }
|
||||
]}
|
||||
<BlogCardOne
|
||||
title="Lab"
|
||||
description="Our insights."
|
||||
blogs={[]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Join The Lab"
|
||||
title="FORGE YOUR LEGACY"
|
||||
description="Sign up for pro-tips and early equipment access."
|
||||
background={{ variant: "downward-rays-animated-grid" }}
|
||||
useInvertedBackground={true}
|
||||
tag="Contact"
|
||||
title="Get in touch"
|
||||
description="Let us know your thoughts."
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="APEX FORGE"
|
||||
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: "#" }] }
|
||||
]}
|
||||
<FooterBase
|
||||
columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
|
||||
logoText="Webild"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user