3 Commits

Author SHA1 Message Date
1d3b4d3b16 Update src/app/page.tsx 2026-04-20 19:49:55 +00:00
3c82bc1dac Update src/app/page.tsx 2026-04-20 19:49:31 +00:00
74da78a457 Merge version_1 into main
Merge version_1 into main
2026-04-20 19:46:10 +00:00

View File

@@ -2,11 +2,11 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import { Zap, Shield, Award, Star } from 'lucide-react';
import { Zap, Shield, Award, Star, Mail, MapPin, Instagram, Twitter, Linkedin } from 'lucide-react';
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
@@ -32,14 +32,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Collection", id: "#products"},
{
name: "Technology", id: "#features"},
{
name: "Performance", id: "#metrics"},
{
name: "Contact", id: "#contact"},
{ name: "Collection", id: "#products" },
{ name: "Technology", id: "#features" },
{ name: "Performance", id: "#metrics" },
{ name: "FAQ", id: "#faq" },
{ name: "Contact", id: "#contact" },
]}
brandName="Black Gravity"
/>
@@ -47,63 +44,24 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "sparkles-gradient"}}
background={{ 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/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/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/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/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/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/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/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"},
]}
buttons={[
{
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/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/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"},
]}
avatarText="Trusted by 10,000+ elite athletes"
marqueeItems={[
{
type: "text", text: "PRECISION"},
{
type: "text", text: "VELOCITY"},
{
type: "text", text: "DURABILITY"},
{
type: "text", text: "INNOVATION"},
{
type: "text", text: "PERFORMANCE"},
{ 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/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/top-view-kippah-with-candles_23-2148629964.jpg", imageAlt: "Model 2" },
]}
buttons={[{ text: "Shop Now", href: "#products" }]}
/>
</div>
@@ -112,18 +70,10 @@ export default function LandingPage() {
textboxLayout="default"
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: "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: "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: "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: "Reinforced Seams", description: "High-durability construction.", imageSrc: "http://img.b2bpic.net/free-photo/black-background-with-rope_23-2149872563.jpg?_wi=1", 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="Engineered for Velocity"
description="Our proprietary fabrics are built to push boundaries in every environment, combining durability with ultra-lightweight performance."
@@ -137,18 +87,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
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: "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: "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: "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: "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: "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" },
]}
title="Elite Collection"
description="Discover our latest gear engineered for those who demand excellence."
@@ -161,12 +102,8 @@ export default function LandingPage() {
textboxLayout="split"
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: "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: "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" },
]}
title="Quantifiable Gains"
description="Performance metrics that matter."
@@ -177,8 +114,7 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Apex Squad", "Vertex Labs", "Velocity Corp", "Gravitate Athletics", "ProShift Sports", "Zenith Performance", "Summit Athletics"]}
names={["Apex Squad", "Vertex Labs", "Velocity Corp", "Gravitate Athletics", "ProShift Sports"]}
title="Trusted by Pros"
description="Global recognition."
/>
@@ -191,12 +127,8 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
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: "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: "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" },
]}
title="The Minds Behind Gravity"
description="Dedicated to progress."
@@ -204,46 +136,43 @@ export default function LandingPage() {
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
<FaqSplitText
sideTitle="Customer Support"
sideDescription="We are here to assist with your gear inquiries, shipping, and returns."
faqs={[
{
id: "f1", title: "Gear care?", content: "Follow label instructions."},
{
id: "f2", title: "Shipping?", content: "3-5 business days."},
{
id: "f3", title: "Returns?", content: "30-day hassle-free."},
{ id: "f1", title: "How do I care for my gear?", content: "Machine wash cold, gentle cycle, and air dry to maintain performance integrity." },
{ id: "f2", title: "What is your shipping policy?", content: "Standard shipping takes 3-5 business days. Express options are available at checkout." },
{ id: "f3", title: "How do I return items?", content: "We offer a 30-day hassle-free return policy for unworn items with original tags." },
]}
title="Common Questions"
description="Answers to your gear queries."
faqsAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "sparkles-gradient"}}
text="Join the Black Gravity movement."
background={{ variant: "sparkles-gradient" }}
text="Need assistance? Connect with our support team."
buttons={[
{
text: "Contact Us", href: "#"},
{ text: "support@blackgravity.com", href: "mailto:support@blackgravity.com" },
{ text: "+1 (555) 012-3456", href: "tel:+15550123456" },
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/black-background-with-rope_23-2149872563.jpg?_wi=2"
logoText="BLACK GRAVITY"
leftLink={{
text: "Privacy", href: "#"}}
rightLink={{
text: "Terms", href: "#"}}
columns={[
{ title: "Support", items: [{ label: "Contact Us", href: "#contact" }, { label: "Shipping", href: "#" }, { label: "Returns", href: "#" }] },
{ title: "Socials", items: [{ label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }, { label: "LinkedIn", href: "#" }] },
]}
copyrightText="© 2025 | Black Gravity Performance Wear"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}