224 lines
8.5 KiB
TypeScript
224 lines
8.5 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit";
|
|
import ProductCardThree from "@/components/sections/product/ProductCardThree";
|
|
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
|
|
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "THE DROP", id: "hero" },
|
|
{ name: "COLLECTION", id: "/collection" },
|
|
{ name: "POD VISION", id: "/pod-vision" },
|
|
{ name: "CART", id: "/cart" },
|
|
{ name: "CONTACT", id: "contact" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "NAVIGATE",
|
|
items: [
|
|
{ label: "Home", href: "/" },
|
|
{ label: "Collection", href: "/collection" },
|
|
{ label: "POD Vision", href: "/pod-vision" },
|
|
{ label: "Cart", href: "/cart" },
|
|
],
|
|
},
|
|
{
|
|
title: "COMMUNITY",
|
|
items: [
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "Twitter", href: "https://twitter.com" },
|
|
{ label: "Discord", href: "https://discord.com" },
|
|
{ label: "Newsletter", href: "#contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "SUPPORT",
|
|
items: [
|
|
{ label: "Contact Us", href: "#contact" },
|
|
{ label: "FAQ", href: "#" },
|
|
{ label: "Shipping Info", href: "#" },
|
|
{ label: "Returns", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "LEGAL",
|
|
items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" },
|
|
{ label: "Sustainability", href: "/pod-vision" },
|
|
],
|
|
},
|
|
];
|
|
|
|
const products = [
|
|
{
|
|
id: "1",
|
|
name: "The Panda",
|
|
price: "₹3,999",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cute-young-woman-smile-camera-outdoors_197531-33708.jpg?_wi=1",
|
|
imageAlt: "White Boxy Graphic Tee + Black Baggy Carpenter Jeans + Black Trucker Hat + Silver Cuban Link Bracelet",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "The Midnight",
|
|
price: "₹4,499",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-cool-man-sitting-ground_23-2149409746.jpg?_wi=1",
|
|
imageAlt: "Navy Heavyweight Hoodie + Dark Grey Cargo Pants + Charcoal Beanie + Black Digital Watch",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "The Varsity",
|
|
price: "₹5,999",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-fashion-portrait-handsome-guy-stylish-spring-sportive-outfit-posing-near-sports-field_273443-2698.jpg?_wi=1",
|
|
imageAlt: "Red & White Letterman Jacket + Raw Indigo Denim + Navy Snapback + Silver Signet Ring",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "The Mono-Chrome",
|
|
price: "₹3,499",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-romantic-summer-outfit-posing-with-hand-head-looking-straight-white_176420-42500.jpg?_wi=1",
|
|
imageAlt: "All-White Boxy Tee + White Relaxed Chinos + White Bucket Hat + White G-Shock Watch",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "The Pastelist",
|
|
price: "₹3,799",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing_176474-101982.jpg",
|
|
imageAlt: "Lavender Oversized Tee + Light Wash Distressed Jeans + Mint Green 5-Panel Cap + Beaded Wristbands",
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "The Royal",
|
|
price: "₹4,999",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/blonde-lady-pointing-herself-tracksuit-mask-looking-proud-front-view_176474-60092.jpg",
|
|
imageAlt: "Gold-Trimmed Black Track Jacket + Matching Track Pants + Black Headband + Gold Lion Signet Ring",
|
|
},
|
|
];
|
|
|
|
const testimonials = [
|
|
{
|
|
id: "1",
|
|
name: "Alex Chen",
|
|
handle: "@urbanvibe_",
|
|
testimonial: "Street Core isn't just a brand, it's a movement. The quality is insane and every drop feels exclusive. This is the future of streetwear.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-elegant-groom-posing_23-2150327171.jpg?_wi=1",
|
|
imageAlt: "Alex Chen",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Priya Sharma",
|
|
handle: "@style_insurgent",
|
|
testimonial: "Finally, streetwear that gets it. No compromises. No trends chasing. Just raw, authentic design that speaks to the streets.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing-office-formal-wear_1303-31834.jpg?_wi=1",
|
|
imageAlt: "Priya Sharma",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Marcus Williams",
|
|
handle: "@concrete_rebel",
|
|
testimonial: "Been collecting since day one. The craftsmanship, the aesthetics, the whole vibe—Street Core redefined what luxury streetwear means to me.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-girl-smiling-light-wall_176420-480.jpg?_wi=1",
|
|
imageAlt: "Marcus Williams",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Sofia Rodriguez",
|
|
handle: "@minimal_chaos",
|
|
testimonial: "The POD model is genius. Made-to-order quality with zero waste. Street Core proves sustainable fashion can be absolutely brutal in design.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280717.jpg?_wi=1",
|
|
imageAlt: "Sofia Rodriguez",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Kai Nakamura",
|
|
handle: "@tokyo_streets",
|
|
testimonial: "Every piece feels like a statement. The attention to detail in the prints, the fabrication—this is art you wear. Respect.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-orange-background_23-2149020032.jpg?_wi=1",
|
|
imageAlt: "Kai Nakamura",
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Jordan Blake",
|
|
handle: "@streetwear_architect",
|
|
testimonial: "Street Core gets the assignment. Brutal aesthetics meets conscious production. This is what the next generation of fashion looks like.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-red-haired-man_158595-3780.jpg?_wi=1",
|
|
imageAlt: "Jordan Blake",
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="fluid"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple brandName="STREET CORE" navItems={navItems} />
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboardSplit
|
|
logoText="STREET CORE"
|
|
description="THE NEW ERA OF URBAN REBELLION. Crafted for those who refuse to fit in. Heavy textures, high contrast, uncompromising design. Each drop is deliberate. Each piece tells a story. Enter the brutalist movement."
|
|
background={{ variant: "radial-gradient" }}
|
|
buttons={[
|
|
{ text: "SHOP NOW", href: "/collection" },
|
|
{ text: "VIEW DROPS", href: "#drops" },
|
|
]}
|
|
layoutOrder="default"
|
|
imageSrc="http://img.b2bpic.net/free-photo/new-york-cityscape-sunset_23-2148287798.jpg"
|
|
imageAlt="Urban brutalist city streets dark cinematic"
|
|
mediaAnimation="slide-up"
|
|
frameStyle="card"
|
|
/>
|
|
</div>
|
|
|
|
<div id="drops" data-section="drops">
|
|
<ProductCardThree
|
|
products={products}
|
|
title="LATEST DROPS"
|
|
description="Curated collections from our current season. Limited quantities. Raw aesthetics. Unfiltered expression."
|
|
tag="NEW ARRIVALS"
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
testimonials={testimonials}
|
|
animationType="slide-up"
|
|
title="FROM THE STREETS"
|
|
description="Real voices from the Street Core community. Raw testimonials. Authentic perspectives."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
tag="COMMUNITY"
|
|
speed={40}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={footerColumns}
|
|
bottomLeftText="© 2025 STREET CORE. Brutalist by Design."
|
|
bottomRightText="Made by the streets, for the streets."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |