Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 1d3b4d3b16 | |||
| 3c82bc1dac | |||
| 74da78a457 |
173
src/app/page.tsx
173
src/app/page.tsx
@@ -2,11 +2,11 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
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 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 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 HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||||
@@ -32,14 +32,11 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Collection", id: "#products" },
|
||||||
name: "Collection", id: "#products"},
|
{ name: "Technology", id: "#features" },
|
||||||
{
|
{ name: "Performance", id: "#metrics" },
|
||||||
name: "Technology", id: "#features"},
|
{ name: "FAQ", id: "#faq" },
|
||||||
{
|
{ name: "Contact", id: "#contact" },
|
||||||
name: "Performance", id: "#metrics"},
|
|
||||||
{
|
|
||||||
name: "Contact", id: "#contact"},
|
|
||||||
]}
|
]}
|
||||||
brandName="Black Gravity"
|
brandName="Black Gravity"
|
||||||
/>
|
/>
|
||||||
@@ -47,63 +44,24 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitDoubleCarousel
|
<HeroSplitDoubleCarousel
|
||||||
background={{
|
background={{ variant: "sparkles-gradient" }}
|
||||||
variant: "sparkles-gradient"}}
|
|
||||||
title="Black Gravity"
|
title="Black Gravity"
|
||||||
description="Redefining the standard of elite performance sportswear with innovative engineering and precision design."
|
description="Redefining the standard of elite performance sportswear with innovative engineering and precision design."
|
||||||
leftCarouselItems={[
|
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/conceptual-3d-illustration-basketball-player-dunking-motion-design_183364-124095.jpg", imageAlt: "Model 3" },
|
||||||
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/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/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={[
|
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/clothes-clothing-workout-gym-running_1303-1736.jpg", imageAlt: "Model 4" },
|
||||||
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/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/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"},
|
|
||||||
]}
|
]}
|
||||||
|
buttons={[{ text: "Shop Now", href: "#products" }]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -112,18 +70,10 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
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: "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: "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="Engineered for Velocity"
|
title="Engineered for Velocity"
|
||||||
description="Our proprietary fabrics are built to push boundaries in every environment, combining durability with ultra-lightweight performance."
|
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"
|
gridVariant="three-columns-all-equal-width"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
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: "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: "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"},
|
|
||||||
]}
|
]}
|
||||||
title="Elite Collection"
|
title="Elite Collection"
|
||||||
description="Discover our latest gear engineered for those who demand excellence."
|
description="Discover our latest gear engineered for those who demand excellence."
|
||||||
@@ -161,12 +102,8 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
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"},
|
|
||||||
]}
|
]}
|
||||||
title="Quantifiable Gains"
|
title="Quantifiable Gains"
|
||||||
description="Performance metrics that matter."
|
description="Performance metrics that matter."
|
||||||
@@ -177,8 +114,7 @@ export default function LandingPage() {
|
|||||||
<SocialProofOne
|
<SocialProofOne
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
names={[
|
names={["Apex Squad", "Vertex Labs", "Velocity Corp", "Gravitate Athletics", "ProShift Sports"]}
|
||||||
"Apex Squad", "Vertex Labs", "Velocity Corp", "Gravitate Athletics", "ProShift Sports", "Zenith Performance", "Summit Athletics"]}
|
|
||||||
title="Trusted by Pros"
|
title="Trusted by Pros"
|
||||||
description="Global recognition."
|
description="Global recognition."
|
||||||
/>
|
/>
|
||||||
@@ -191,12 +127,8 @@ export default function LandingPage() {
|
|||||||
gridVariant="three-columns-all-equal-width"
|
gridVariant="three-columns-all-equal-width"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
members={[
|
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"},
|
|
||||||
]}
|
]}
|
||||||
title="The Minds Behind Gravity"
|
title="The Minds Behind Gravity"
|
||||||
description="Dedicated to progress."
|
description="Dedicated to progress."
|
||||||
@@ -204,46 +136,43 @@ export default function LandingPage() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="faq" data-section="faq">
|
<div id="faq" data-section="faq">
|
||||||
<FaqDouble
|
<FaqSplitText
|
||||||
textboxLayout="default"
|
sideTitle="Customer Support"
|
||||||
useInvertedBackground={false}
|
sideDescription="We are here to assist with your gear inquiries, shipping, and returns."
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{ id: "f1", title: "How do I care for my gear?", content: "Machine wash cold, gentle cycle, and air dry to maintain performance integrity." },
|
||||||
id: "f1", title: "Gear care?", content: "Follow label instructions."},
|
{ 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." },
|
||||||
id: "f2", title: "Shipping?", content: "3-5 business days."},
|
|
||||||
{
|
|
||||||
id: "f3", title: "Returns?", content: "30-day hassle-free."},
|
|
||||||
]}
|
]}
|
||||||
title="Common Questions"
|
|
||||||
description="Answers to your gear queries."
|
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
|
useInvertedBackground={false}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "sparkles-gradient" }}
|
||||||
variant: "sparkles-gradient"}}
|
text="Need assistance? Connect with our support team."
|
||||||
text="Join the Black Gravity movement."
|
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "support@blackgravity.com", href: "mailto:support@blackgravity.com" },
|
||||||
text: "Contact Us", href: "#"},
|
{ text: "+1 (555) 012-3456", href: "tel:+15550123456" },
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<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"
|
logoText="BLACK GRAVITY"
|
||||||
leftLink={{
|
columns={[
|
||||||
text: "Privacy", href: "#"}}
|
{ title: "Support", items: [{ label: "Contact Us", href: "#contact" }, { label: "Shipping", href: "#" }, { label: "Returns", href: "#" }] },
|
||||||
rightLink={{
|
{ title: "Socials", items: [{ label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }, { label: "LinkedIn", href: "#" }] },
|
||||||
text: "Terms", href: "#"}}
|
]}
|
||||||
|
copyrightText="© 2025 | Black Gravity Performance Wear"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user