Merge version_1 into main #2
@@ -4,7 +4,8 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
|
||||
import Link from "next/link";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import { Award } from "lucide-react";
|
||||
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
@@ -14,7 +15,7 @@ export default function ContactPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="largeSmall"
|
||||
background="noise"
|
||||
background="circleGradient"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
@@ -30,9 +31,7 @@ export default function ContactPage() {
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Discover The Mission",
|
||||
href: "/about",
|
||||
}}
|
||||
text: "Discover The Mission", href: "/contact"}}
|
||||
brandName="UNBRKABLE"
|
||||
/>
|
||||
</div>
|
||||
@@ -41,11 +40,11 @@ export default function ContactPage() {
|
||||
<ContactText
|
||||
text="Ready to join the movement? Connect with our community and discover what discipline truly means."
|
||||
animationType="background-highlight"
|
||||
background={{ variant: "noise" }}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={true}
|
||||
buttons={[
|
||||
{ text: "Get In Touch", href: "#" },
|
||||
{ text: "Join Community", href: "/shop" },
|
||||
{ text: "Join Community", href: "#products" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -59,145 +58,52 @@ export default function ContactPage() {
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marcus Chen",
|
||||
handle: "@marcustrains",
|
||||
testimonial: "UNBRKABLE isn't just apparel—it's a philosophy I wear. Every piece reminds me why I push harder.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-sportsman-holds-hand-chin-dark-background_613910-5321.jpg?_wi=2",
|
||||
imageAlt: "Marcus Chen",
|
||||
},
|
||||
id: "1", name: "Marcus Chen", handle: "@marcustrains", testimonial: "UNBRKABLE isn't just apparel—it's a philosophy I wear. Every piece reminds me why I push harder.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-sportsman-holds-hand-chin-dark-background_613910-5321.jpg", imageAlt: "Marcus Chen"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Williams",
|
||||
handle: "@sarahlifts",
|
||||
testimonial: "The quality is unmatched. I've found my community—people who understand that strength is a choice.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-dancer-practising-dance_107420-63929.jpg?_wi=2",
|
||||
imageAlt: "Sarah Williams",
|
||||
},
|
||||
id: "2", name: "Sarah Williams", handle: "@sarahlifts", testimonial: "The quality is unmatched. I've found my community—people who understand that strength is a choice.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-dancer-practising-dance_107420-63929.jpg", imageAlt: "Sarah Williams"},
|
||||
{
|
||||
id: "3",
|
||||
name: "David Rodriguez",
|
||||
handle: "@davidmoves",
|
||||
testimonial: "Finally, a brand that respects my discipline. No noise, just pure quality and intention.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-athletic-fitness-male-dressed-sportswear-grey-vignette-background_613910-9846.jpg?_wi=2",
|
||||
imageAlt: "David Rodriguez",
|
||||
},
|
||||
id: "3", name: "David Rodriguez", handle: "@davidmoves", testimonial: "Finally, a brand that respects my discipline. No noise, just pure quality and intention.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-athletic-fitness-male-dressed-sportswear-grey-vignette-background_613910-9846.jpg", imageAlt: "David Rodriguez"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emma Johnson",
|
||||
handle: "@emmapowerlifts",
|
||||
testimonial: "The exclusive drops make each purchase feel special. I'm part of something real.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-sportive-girl-listening-music-dark-wall_176420-659.jpg?_wi=2",
|
||||
imageAlt: "Emma Johnson",
|
||||
},
|
||||
id: "4", name: "Emma Johnson", handle: "@emmapowerlifts", testimonial: "The exclusive drops make each purchase feel special. I'm part of something real.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-sportive-girl-listening-music-dark-wall_176420-659.jpg", imageAlt: "Emma Johnson"},
|
||||
{
|
||||
id: "5",
|
||||
name: "James Mitchell",
|
||||
handle: "@jamesmindset",
|
||||
testimonial: "UNBRKABLE represents everything I believe in. Discipline, quality, and no compromise.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/athletic-young-man-maker-workout-morning_654080-445.jpg?_wi=3",
|
||||
imageAlt: "James Mitchell",
|
||||
},
|
||||
id: "5", name: "James Mitchell", handle: "@jamesmindset", testimonial: "UNBRKABLE represents everything I believe in. Discipline, quality, and no compromise.", imageSrc: "http://img.b2bpic.net/free-photo/athletic-young-man-maker-workout-morning_654080-445.jpg", imageAlt: "James Mitchell"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Lisa Chen",
|
||||
handle: "@lisatrains",
|
||||
testimonial: "The community is what sets UNBRKABLE apart. We're not just customers—we're a movement.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-620.jpg?_wi=2",
|
||||
imageAlt: "Lisa Chen",
|
||||
},
|
||||
id: "6", name: "Lisa Chen", handle: "@lisatrains", testimonial: "The community is what sets UNBRKABLE apart. We're not just customers—we're a movement.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-620.jpg", imageAlt: "Lisa Chen"},
|
||||
]}
|
||||
speed={40}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<footer className="bg-background text-foreground py-12 px-4 md:px-6">
|
||||
<div className="mx-auto px-4 md:px-6 max-w-5xl">
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-8 mb-8">
|
||||
<div>
|
||||
<h3 className="text-lg font-semibold mb-4">Shop</h3>
|
||||
<ul className="space-y-2">
|
||||
<li>
|
||||
<Link href="/shop" className="text-accent hover:text-foreground transition">
|
||||
All Products
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/shop" className="text-accent hover:text-foreground transition">
|
||||
New Drops
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/shop" className="text-accent hover:text-foreground transition">
|
||||
Collections
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/shop" className="text-accent hover:text-foreground transition">
|
||||
Limited Edition
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="text-lg font-semibold mb-4">Community</h3>
|
||||
<ul className="space-y-2">
|
||||
<li>
|
||||
<Link href="/about" className="text-accent hover:text-foreground transition">
|
||||
Our Mission
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#philosophy" className="text-accent hover:text-foreground transition">
|
||||
The Philosophy
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" className="text-accent hover:text-foreground transition">
|
||||
Member Access
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" className="text-accent hover:text-foreground transition">
|
||||
Exclusive Events
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="text-lg font-semibold mb-4">Connect</h3>
|
||||
<ul className="space-y-2">
|
||||
<li>
|
||||
<Link href="/contact" className="text-accent hover:text-foreground transition">
|
||||
Contact Us
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://instagram.com" target="_blank" rel="noopener noreferrer" className="text-accent hover:text-foreground transition">
|
||||
Instagram
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" className="text-accent hover:text-foreground transition">
|
||||
Privacy Policy
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" className="text-accent hover:text-foreground transition">
|
||||
Terms
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="border-t border-card pt-8">
|
||||
<p className="text-center text-accent text-sm">
|
||||
© 2025 UNBRKABLE. All rights reserved. Built for the disciplined.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<FooterBaseReveal
|
||||
copyrightText="© 2025 UNBRKABLE. All rights reserved. Built for the disciplined."
|
||||
columns={[
|
||||
{
|
||||
title: "Shop", items: [
|
||||
{ label: "All Products", href: "#products" },
|
||||
{ label: "New Drops", href: "#products" },
|
||||
{ label: "Collections", href: "#products" },
|
||||
{ label: "Limited Edition", href: "#products" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Community", items: [
|
||||
{ label: "Our Mission", href: "#about" },
|
||||
{ label: "The Philosophy", href: "#philosophy" },
|
||||
{ label: "Member Access", href: "#" },
|
||||
{ label: "Exclusive Events", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Contact Us", href: "#contact" },
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
307
src/app/page.tsx
307
src/app/page.tsx
@@ -5,11 +5,14 @@ import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
|
||||
import SplitAbout from "@/components/sections/about/SplitAbout";
|
||||
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
||||
import FeatureCardTwelve from "@/components/sections/feature/FeatureCardTwelve";
|
||||
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
|
||||
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
|
||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import Link from "next/link";
|
||||
import { Zap, Shield, Award, Sparkles } from "lucide-react";
|
||||
import { Zap, Shield, Award, Sparkles, Feather, Users } from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
@@ -19,7 +22,7 @@ export default function HomePage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="largeSmall"
|
||||
background="noise"
|
||||
background="circleGradient"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
@@ -35,9 +38,7 @@ export default function HomePage() {
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Discover The Mission",
|
||||
href: "/about",
|
||||
}}
|
||||
text: "Discover The Mission", href: "/contact"}}
|
||||
brandName="UNBRKABLE"
|
||||
/>
|
||||
</div>
|
||||
@@ -50,34 +51,24 @@ export default function HomePage() {
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "Shop Collection", href: "/shop" },
|
||||
{ text: "Discover The Mission", href: "/about" },
|
||||
{ text: "Shop Collection", href: "#products" },
|
||||
{ text: "Discover The Mission", href: "#about" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/athletic-young-man-maker-workout-morning_654080-445.jpg?_wi=1",
|
||||
imageAlt: "Disciplined athlete in training",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/athletic-young-man-maker-workout-morning_654080-445.jpg", imageAlt: "Disciplined athlete in training"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-slim-curly-haired-woman-keeps-hands-waist-wears-sportswear-concentrated-into-distance-has-outdoor-training-poses-against-modern-building-rests-after-outside-fitness-workout_273609-57740.jpg",
|
||||
imageAlt: "Premium UNBRKABLE apparel collection",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-slim-curly-haired-woman-keeps-hands-waist-wears-sportswear-concentrated-into-distance-has-outdoor-training-poses-against-modern-building-rests-after-outside-fitness-workout_273609-57740.jpg", imageAlt: "Premium UNBRKABLE apparel collection"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-young-bearded-man_273609-15894.jpg",
|
||||
imageAlt: "Athlete embodying resilience",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-young-bearded-man_273609-15894.jpg", imageAlt: "Athlete embodying resilience"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-exercising-fitness-gym_53876-7.jpg?_wi=1",
|
||||
imageAlt: "UNBRKABLE community movement",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-exercising-fitness-gym_53876-7.jpg", imageAlt: "UNBRKABLE community movement"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-stretching-preparing-exercise-outdoors_23-2149676920.jpg",
|
||||
imageAlt: "Cinematic fitness lifestyle",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-stretching-preparing-exercise-outdoors_23-2149676920.jpg", imageAlt: "Cinematic fitness lifestyle"},
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
background={{ variant: "noise" }}
|
||||
background={{ variant: "plain" }}
|
||||
ariaLabel="Hero section with UNBRKABLE philosophy and gallery"
|
||||
/>
|
||||
</div>
|
||||
@@ -93,25 +84,22 @@ export default function HomePage() {
|
||||
useInvertedBackground={true}
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Resilience Over Trends",
|
||||
description: "We reject fast fashion in favor of timeless quality and purpose-driven design.",
|
||||
icon: Award,
|
||||
title: "Resilience Over Trends", description: "We reject fast fashion in favor of timeless quality and purpose-driven design.", icon: Award,
|
||||
},
|
||||
{
|
||||
title: "Discipline as Identity",
|
||||
description: "Our community embraces the mindset that separates achievers from the rest.",
|
||||
icon: Zap,
|
||||
title: "Discipline as Identity", description: "Our community embraces the mindset that separates achievers from the rest.", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Elite Minimalism",
|
||||
description: "Every piece is intentional, every detail matters. No excess, only essence.",
|
||||
icon: Sparkles,
|
||||
title: "Elite Minimalism", description: "Every piece is intentional, every detail matters. No excess, only essence.", icon: Feather,
|
||||
},
|
||||
{
|
||||
title: "Community First", description: "We build connections with those who live by discipline and refuse to compromise.", icon: Users,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-sportsman-exercising-with-barbell-cross-training-gym_637285-2501.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-sportsman-exercising-with-barbell-cross-training-gym_637285-2501.jpg"
|
||||
imageAlt="UNBRKABLE philosophy embodied"
|
||||
imagePosition="right"
|
||||
buttons={[{ text: "Join The Movement", href: "/shop" }]}
|
||||
buttons={[{ text: "Join The Movement", href: "#products" }]}
|
||||
buttonAnimation="opacity"
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
@@ -130,36 +118,39 @@ export default function HomePage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Resilience Motion Tee",
|
||||
price: "$65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/athlete-gym-swings-triceps-with-barbell-sports-lifestyle_169016-58517.jpg?_wi=1",
|
||||
imageAlt: "Resilience Motion Tee in black",
|
||||
id: "1", name: "Resilience Motion Tee", price: "$65", imageSrc: "http://img.b2bpic.net/free-photo/athlete-gym-swings-triceps-with-barbell-sports-lifestyle_169016-58517.jpg", imageAlt: "Resilience Motion Tee in black"},
|
||||
{
|
||||
id: "2", name: "Discipline Performance Leggings", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-sport-clothes-preparing-outdoor-exercise_291650-415.jpg", imageAlt: "Discipline Performance Leggings"},
|
||||
{
|
||||
id: "3", name: "Elite Training Jacket", price: "$145", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-younsgter-dressed-hoody-leggings-looks-pensively-aside_273609-18391.jpg", imageAlt: "Elite Training Jacket premium"},
|
||||
{
|
||||
id: "4", name: "Mindset Cap", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/workout-kit-sports-clothes-clothing_1303-1744.jpg", imageAlt: "Mindset Cap accessory"},
|
||||
]}
|
||||
buttons={[{ text: "Shop All", href: "#products" }]}
|
||||
buttonAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="philosophy" data-section="philosophy">
|
||||
<FeatureCardTwelve
|
||||
title="Why Discipline Matters"
|
||||
description="Every element of UNBRKABLE reflects our commitment to the philosophy that binds our community."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="opacity"
|
||||
features={[
|
||||
{
|
||||
id: "resilience", label: "01", title: "Built for Pressure", items: ["Premium fabric that withstands intense training", "Designed by athletes, for athletes", "Proven durability through real-world testing"],
|
||||
buttons: [{ text: "Learn More", href: "#" }],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Discipline Performance Leggings",
|
||||
price: "$95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-sport-clothes-preparing-outdoor-exercise_291650-415.jpg?_wi=1",
|
||||
imageAlt: "Discipline Performance Leggings",
|
||||
id: "exclusivity", label: "02", title: "Scarcity by Design", items: ["Limited drops create urgency and meaning", "No mass production—only intentional releases", "Each collection tells a story of discipline"],
|
||||
buttons: [{ text: "Join Waitlist", href: "#" }],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elite Training Jacket",
|
||||
price: "$145",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-younsgter-dressed-hoody-leggings-looks-pensively-aside_273609-18391.jpg?_wi=1",
|
||||
imageAlt: "Elite Training Jacket premium",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mindset Cap",
|
||||
price: "$35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workout-kit-sports-clothes-clothing_1303-1744.jpg?_wi=1",
|
||||
imageAlt: "Mindset Cap accessory",
|
||||
id: "community", label: "03", title: "Movement Over Market", items: ["Behind-the-scenes access to our community", "Direct connection with like-minded individuals", "Exclusive member events and drops"],
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Shop All", href: "/shop" }]}
|
||||
buttonAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -172,29 +163,11 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "50K+",
|
||||
title: "Disciplined Athletes",
|
||||
description: "Growing community of purpose-driven individuals",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-exercising-fitness-gym_53876-7.jpg?_wi=2",
|
||||
imageAlt: "Community training session",
|
||||
},
|
||||
id: "1", value: "50K+", title: "Disciplined Athletes", description: "Growing community of purpose-driven individuals", imageSrc: "http://img.b2bpic.net/free-photo/people-exercising-fitness-gym_53876-7.jpg", imageAlt: "Community training session"},
|
||||
{
|
||||
id: "2",
|
||||
value: "12",
|
||||
title: "Exclusive Drops",
|
||||
description: "Carefully crafted collections per year",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/afro-american-sportsman-getting-ready-training_342744-655.jpg",
|
||||
imageAlt: "Limited edition achievement",
|
||||
},
|
||||
id: "2", value: "12", title: "Exclusive Drops", description: "Carefully crafted collections per year", imageSrc: "http://img.b2bpic.net/free-photo/afro-american-sportsman-getting-ready-training_342744-655.jpg", imageAlt: "Limited edition achievement"},
|
||||
{
|
||||
id: "3",
|
||||
value: "99%",
|
||||
title: "Community Satisfaction",
|
||||
description: "Retention rate of those who embrace the philosophy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diversity-people-exercise-class-relax-concept_53876-23477.jpg",
|
||||
imageAlt: "Movement collective strength",
|
||||
},
|
||||
id: "3", value: "99%", title: "Community Satisfaction", description: "Retention rate of those who embrace the philosophy", imageSrc: "http://img.b2bpic.net/free-photo/diversity-people-exercise-class-relax-concept_53876-23477.jpg", imageAlt: "Movement collective strength"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -208,53 +181,17 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marcus Chen",
|
||||
handle: "@marcustrains",
|
||||
testimonial: "UNBRKABLE isn't just apparel—it's a philosophy I wear. Every piece reminds me why I push harder.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-sportsman-holds-hand-chin-dark-background_613910-5321.jpg?_wi=1",
|
||||
imageAlt: "Marcus Chen",
|
||||
},
|
||||
id: "1", name: "Marcus Chen", handle: "@marcustrains", testimonial: "UNBRKABLE isn't just apparel—it's a philosophy I wear. Every piece reminds me why I push harder.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-sportsman-holds-hand-chin-dark-background_613910-5321.jpg", imageAlt: "Marcus Chen"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Williams",
|
||||
handle: "@sarahlifts",
|
||||
testimonial: "The quality is unmatched. I've found my community—people who understand that strength is a choice.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-dancer-practising-dance_107420-63929.jpg?_wi=1",
|
||||
imageAlt: "Sarah Williams",
|
||||
},
|
||||
id: "2", name: "Sarah Williams", handle: "@sarahlifts", testimonial: "The quality is unmatched. I've found my community—people who understand that strength is a choice.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-dancer-practising-dance_107420-63929.jpg", imageAlt: "Sarah Williams"},
|
||||
{
|
||||
id: "3",
|
||||
name: "David Rodriguez",
|
||||
handle: "@davidmoves",
|
||||
testimonial: "Finally, a brand that respects my discipline. No noise, just pure quality and intention.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-athletic-fitness-male-dressed-sportswear-grey-vignette-background_613910-9846.jpg?_wi=1",
|
||||
imageAlt: "David Rodriguez",
|
||||
},
|
||||
id: "3", name: "David Rodriguez", handle: "@davidmoves", testimonial: "Finally, a brand that respects my discipline. No noise, just pure quality and intention.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-athletic-fitness-male-dressed-sportswear-grey-vignette-background_613910-9846.jpg", imageAlt: "David Rodriguez"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emma Johnson",
|
||||
handle: "@emmapowerlifts",
|
||||
testimonial: "The exclusive drops make each purchase feel special. I'm part of something real.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-sportive-girl-listening-music-dark-wall_176420-659.jpg?_wi=1",
|
||||
imageAlt: "Emma Johnson",
|
||||
},
|
||||
id: "4", name: "Emma Johnson", handle: "@emmapowerlifts", testimonial: "The exclusive drops make each purchase feel special. I'm part of something real.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-sportive-girl-listening-music-dark-wall_176420-659.jpg", imageAlt: "Emma Johnson"},
|
||||
{
|
||||
id: "5",
|
||||
name: "James Mitchell",
|
||||
handle: "@jamesmindset",
|
||||
testimonial: "UNBRKABLE represents everything I believe in. Discipline, quality, and no compromise.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/athletic-young-man-maker-workout-morning_654080-445.jpg?_wi=2",
|
||||
imageAlt: "James Mitchell",
|
||||
},
|
||||
id: "5", name: "James Mitchell", handle: "@jamesmindset", testimonial: "UNBRKABLE represents everything I believe in. Discipline, quality, and no compromise.", imageSrc: "http://img.b2bpic.net/free-photo/athletic-young-man-maker-workout-morning_654080-445.jpg", imageAlt: "James Mitchell"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Lisa Chen",
|
||||
handle: "@lisatrains",
|
||||
testimonial: "The community is what sets UNBRKABLE apart. We're not just customers—we're a movement.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-620.jpg?_wi=1",
|
||||
imageAlt: "Lisa Chen",
|
||||
},
|
||||
id: "6", name: "Lisa Chen", handle: "@lisatrains", testimonial: "The community is what sets UNBRKABLE apart. We're not just customers—we're a movement.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-620.jpg", imageAlt: "Lisa Chen"},
|
||||
]}
|
||||
speed={40}
|
||||
/>
|
||||
@@ -275,93 +212,49 @@ export default function HomePage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Ready to join the movement? Connect with our community and discover what discipline truly means."
|
||||
animationType="background-highlight"
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={true}
|
||||
buttons={[
|
||||
{ text: "Get In Touch", href: "#" },
|
||||
{ text: "Join Community", href: "#products" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<footer className="bg-background text-foreground py-12 px-4 md:px-6">
|
||||
<div className="mx-auto px-4 md:px-6 max-w-5xl">
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-8 mb-8">
|
||||
<div>
|
||||
<h3 className="text-lg font-semibold mb-4">Shop</h3>
|
||||
<ul className="space-y-2">
|
||||
<li>
|
||||
<Link href="/shop" className="text-accent hover:text-foreground transition">
|
||||
All Products
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/shop" className="text-accent hover:text-foreground transition">
|
||||
New Drops
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/shop" className="text-accent hover:text-foreground transition">
|
||||
Collections
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/shop" className="text-accent hover:text-foreground transition">
|
||||
Limited Edition
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="text-lg font-semibold mb-4">Community</h3>
|
||||
<ul className="space-y-2">
|
||||
<li>
|
||||
<Link href="/about" className="text-accent hover:text-foreground transition">
|
||||
Our Mission
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#philosophy" className="text-accent hover:text-foreground transition">
|
||||
The Philosophy
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" className="text-accent hover:text-foreground transition">
|
||||
Member Access
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" className="text-accent hover:text-foreground transition">
|
||||
Exclusive Events
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="text-lg font-semibold mb-4">Connect</h3>
|
||||
<ul className="space-y-2">
|
||||
<li>
|
||||
<Link href="/contact" className="text-accent hover:text-foreground transition">
|
||||
Contact Us
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://instagram.com" target="_blank" rel="noopener noreferrer" className="text-accent hover:text-foreground transition">
|
||||
Instagram
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" className="text-accent hover:text-foreground transition">
|
||||
Privacy Policy
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" className="text-accent hover:text-foreground transition">
|
||||
Terms
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="border-t border-card pt-8">
|
||||
<p className="text-center text-accent text-sm">
|
||||
© 2025 UNBRKABLE. All rights reserved. Built for the disciplined.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<FooterBaseReveal
|
||||
copyrightText="© 2025 UNBRKABLE. All rights reserved. Built for the disciplined."
|
||||
columns={[
|
||||
{
|
||||
title: "Shop", items: [
|
||||
{ label: "All Products", href: "#products" },
|
||||
{ label: "New Drops", href: "#products" },
|
||||
{ label: "Collections", href: "#products" },
|
||||
{ label: "Limited Edition", href: "#products" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Community", items: [
|
||||
{ label: "Our Mission", href: "#about" },
|
||||
{ label: "The Philosophy", href: "#philosophy" },
|
||||
{ label: "Member Access", href: "#" },
|
||||
{ label: "Exclusive Events", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Contact Us", href: "#contact" },
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user