Merge version_1 into main #1
241
src/app/page.tsx
241
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, Shield, Award, Star } from 'lucide-react';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -32,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Collection",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Collection", id: "#products"},
|
||||
{
|
||||
name: "Technology",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Technology", id: "#features"},
|
||||
{
|
||||
name: "Performance",
|
||||
id: "#metrics",
|
||||
},
|
||||
name: "Performance", id: "#metrics"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Black Gravity"
|
||||
/>
|
||||
@@ -55,104 +48,61 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Black Gravity"
|
||||
description="Redefining the standard of elite performance sportswear with innovative engineering and precision design."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-stretching-preparing-exercise-outdoors_23-2149676920.jpg",
|
||||
imageAlt: "Model 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-stretching-preparing-exercise-outdoors_23-2149676920.jpg", imageAlt: "Model 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-black-fabric-cuff-hem-detail_9975-134373.jpg",
|
||||
imageAlt: "Model 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-black-fabric-cuff-hem-detail_9975-134373.jpg", imageAlt: "Model 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/conceptual-3d-illustration-basketball-player-dunking-motion-design_183364-124095.jpg",
|
||||
imageAlt: "Model 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/conceptual-3d-illustration-basketball-player-dunking-motion-design_183364-124095.jpg", imageAlt: "Model 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-sitting-chair_23-2147781146.jpg",
|
||||
imageAlt: "Model 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-sitting-chair_23-2147781146.jpg", imageAlt: "Model 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-posing-with-plastic-foil_23-2148864894.jpg",
|
||||
imageAlt: "Model 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-posing-with-plastic-foil_23-2148864894.jpg", imageAlt: "Model 5"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-model-with-perfect-tanned-body-female-posing-studio-near-gray-wall_158538-3562.jpg",
|
||||
imageAlt: "Model 6",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-model-with-perfect-tanned-body-female-posing-studio-near-gray-wall_158538-3562.jpg", imageAlt: "Model 6"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-with-afro-dreadlocks_23-2149462105.jpg",
|
||||
imageAlt: "Model 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-with-afro-dreadlocks_23-2149462105.jpg", imageAlt: "Model 5"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clothes-clothing-workout-gym-running_1303-1736.jpg",
|
||||
imageAlt: "Model 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clothes-clothing-workout-gym-running_1303-1736.jpg", imageAlt: "Model 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-fit-man-beach-listening-music_273609-15935.jpg",
|
||||
imageAlt: "Model 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-fit-man-beach-listening-music_273609-15935.jpg", imageAlt: "Model 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-kippah-with-candles_23-2148629964.jpg",
|
||||
imageAlt: "Model 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-kippah-with-candles_23-2148629964.jpg", imageAlt: "Model 2"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-out-beach-grey-day_23-2147618064.jpg",
|
||||
alt: "Athlete 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-out-beach-grey-day_23-2147618064.jpg", alt: "Athlete 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-fitness-woman-sports-clothing-looking-confident-female-posing-studio-near-gray-wall_158538-3560.jpg",
|
||||
alt: "Athlete 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-fitness-woman-sports-clothing-looking-confident-female-posing-studio-near-gray-wall_158538-3560.jpg", alt: "Athlete 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-curly-brunette-fitness-woman-listening-music_171337-1876.jpg",
|
||||
alt: "Athlete 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-curly-brunette-fitness-woman-listening-music_171337-1876.jpg", alt: "Athlete 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-posing-wiht-checkered-red-black-shirt_140725-13094.jpg",
|
||||
alt: "Athlete 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-posing-wiht-checkered-red-black-shirt_140725-13094.jpg", alt: "Athlete 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151915996.jpg",
|
||||
alt: "Athlete 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151915996.jpg", alt: "Athlete 5"},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ elite athletes"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "PRECISION",
|
||||
},
|
||||
type: "text", text: "PRECISION"},
|
||||
{
|
||||
type: "text",
|
||||
text: "VELOCITY",
|
||||
},
|
||||
type: "text", text: "VELOCITY"},
|
||||
{
|
||||
type: "text",
|
||||
text: "DURABILITY",
|
||||
},
|
||||
type: "text", text: "DURABILITY"},
|
||||
{
|
||||
type: "text",
|
||||
text: "INNOVATION",
|
||||
},
|
||||
type: "text", text: "INNOVATION"},
|
||||
{
|
||||
type: "text",
|
||||
text: "PERFORMANCE",
|
||||
},
|
||||
type: "text", text: "PERFORMANCE"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -163,28 +113,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Breathability",
|
||||
description: "Micro-porous structure for maximum airflow.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-fabric_1122-375.jpg",
|
||||
buttonIcon: "Zap",
|
||||
title: "Breathability", description: "Micro-porous structure for maximum airflow.", imageSrc: "http://img.b2bpic.net/free-photo/brown-fabric_1122-375.jpg", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Precision Fit",
|
||||
description: "Ergonomic cuts for reduced drag.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-fit-man-training_23-2150169384.jpg",
|
||||
buttonIcon: "Shield",
|
||||
title: "Precision Fit", description: "Ergonomic cuts for reduced drag.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-fit-man-training_23-2150169384.jpg", buttonIcon: Shield,
|
||||
},
|
||||
{
|
||||
title: "Reinforced Seams",
|
||||
description: "High-durability construction.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-background-with-rope_23-2149872563.jpg",
|
||||
buttonIcon: "Award",
|
||||
title: "Reinforced Seams", description: "High-durability construction.", imageSrc: "http://img.b2bpic.net/free-photo/black-background-with-rope_23-2149872563.jpg", buttonIcon: Award,
|
||||
},
|
||||
{
|
||||
title: "Moisture Control",
|
||||
description: "Rapid-wicking technology.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-male-runner-listening-music-earphones-standing-street_23-2148124158.jpg",
|
||||
buttonIcon: "Star",
|
||||
title: "Moisture Control", description: "Rapid-wicking technology.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-male-runner-listening-music-earphones-standing-street_23-2148124158.jpg", buttonIcon: Star,
|
||||
},
|
||||
]}
|
||||
title="Engineered for Velocity"
|
||||
@@ -200,41 +138,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Velocity Sneaker",
|
||||
price: "$180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-orange-sports-wear-posing-street_1303-31736.jpg",
|
||||
},
|
||||
id: "p1", name: "Velocity Sneaker", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/woman-orange-sports-wear-posing-street_1303-31736.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Apex Tech Hoodie",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-hoodie-having-her-eyes-closed_23-2148322452.jpg",
|
||||
},
|
||||
id: "p2", name: "Apex Tech Hoodie", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-hoodie-having-her-eyes-closed_23-2148322452.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Core Compression Leggings",
|
||||
price: "$85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-handsome-young-male-dressed-black-sportswear-baseball-cap-dark-background-holds-dumbbell_613910-1864.jpg",
|
||||
},
|
||||
id: "p3", name: "Core Compression Leggings", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-handsome-young-male-dressed-black-sportswear-baseball-cap-dark-background-holds-dumbbell_613910-1864.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Gravity Training Jacket",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5120.jpg",
|
||||
},
|
||||
id: "p4", name: "Gravity Training Jacket", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5120.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Speed Training Short",
|
||||
price: "$60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/urban-cyclist-riding-his-bike_23-2148828236.jpg",
|
||||
},
|
||||
id: "p5", name: "Speed Training Short", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/urban-cyclist-riding-his-bike_23-2148828236.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Pro Compression Top",
|
||||
price: "$70",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-watching-working-out-tutorial-smartphone-outdoors_23-2150343704.jpg",
|
||||
},
|
||||
id: "p6", name: "Pro Compression Top", price: "$70", imageSrc: "http://img.b2bpic.net/free-photo/women-watching-working-out-tutorial-smartphone-outdoors_23-2150343704.jpg"},
|
||||
]}
|
||||
title="Elite Collection"
|
||||
description="Discover our latest gear engineered for those who demand excellence."
|
||||
@@ -248,26 +162,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15%",
|
||||
title: "Performance Increase",
|
||||
description: "Output boost.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884856.jpg",
|
||||
},
|
||||
id: "m1", value: "15%", title: "Performance Increase", description: "Output boost.", imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884856.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24h",
|
||||
title: "Recovery Time",
|
||||
description: "Faster metabolic recovery.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/athletic-young-sportsman-listening-music-with-earphones_171337-8365.jpg",
|
||||
},
|
||||
id: "m2", value: "24h", title: "Recovery Time", description: "Faster metabolic recovery.", imageSrc: "http://img.b2bpic.net/free-photo/athletic-young-sportsman-listening-music-with-earphones_171337-8365.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "40%",
|
||||
title: "Durability",
|
||||
description: "Higher tensile strength.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163410.jpg",
|
||||
},
|
||||
id: "m3", value: "40%", title: "Durability", description: "Higher tensile strength.", imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163410.jpg"},
|
||||
]}
|
||||
title="Quantifiable Gains"
|
||||
description="Performance metrics that matter."
|
||||
@@ -279,14 +178,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Apex Squad",
|
||||
"Vertex Labs",
|
||||
"Velocity Corp",
|
||||
"Gravitate Athletics",
|
||||
"ProShift Sports",
|
||||
"Zenith Performance",
|
||||
"Summit Athletics",
|
||||
]}
|
||||
"Apex Squad", "Vertex Labs", "Velocity Corp", "Gravitate Athletics", "ProShift Sports", "Zenith Performance", "Summit Athletics"]}
|
||||
title="Trusted by Pros"
|
||||
description="Global recognition."
|
||||
/>
|
||||
@@ -300,26 +192,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Rivers",
|
||||
role: "Head of Design",
|
||||
description: "Future of sportswear.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-with-basketball_23-2148239503.jpg",
|
||||
},
|
||||
id: "t1", name: "Alex Rivers", role: "Head of Design", description: "Future of sportswear.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-with-basketball_23-2148239503.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Chen",
|
||||
role: "Lead Technologist",
|
||||
description: "Biomechanics specialist.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thinking-about-new-project-dress_329181-14370.jpg",
|
||||
},
|
||||
id: "t2", name: "Sarah Chen", role: "Lead Technologist", description: "Biomechanics specialist.", imageSrc: "http://img.b2bpic.net/free-photo/thinking-about-new-project-dress_329181-14370.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Marcus Thorne",
|
||||
role: "Performance Director",
|
||||
description: "Olympian consultant.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-designer-trying-blue-coat-senior-man-his-shop_23-2148180344.jpg",
|
||||
},
|
||||
id: "t3", name: "Marcus Thorne", role: "Performance Director", description: "Olympian consultant.", imageSrc: "http://img.b2bpic.net/free-photo/fashion-designer-trying-blue-coat-senior-man-his-shop_23-2148180344.jpg"},
|
||||
]}
|
||||
title="The Minds Behind Gravity"
|
||||
description="Dedicated to progress."
|
||||
@@ -332,20 +209,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Gear care?",
|
||||
content: "Follow label instructions.",
|
||||
},
|
||||
id: "f1", title: "Gear care?", content: "Follow label instructions."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Shipping?",
|
||||
content: "3-5 business days.",
|
||||
},
|
||||
id: "f2", title: "Shipping?", content: "3-5 business days."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Returns?",
|
||||
content: "30-day hassle-free.",
|
||||
},
|
||||
id: "f3", title: "Returns?", content: "30-day hassle-free."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers to your gear queries."
|
||||
@@ -357,14 +225,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Join the Black Gravity movement."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -373,13 +238,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="BLACK GRAVITY"
|
||||
leftLink={{
|
||||
text: "Privacy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user