180 lines
11 KiB
TypeScript
180 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
|
|
import MediaAbout from "@/components/sections/about/MediaAbout";
|
|
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
|
|
import ProductCardThree from "@/components/sections/product/ProductCardThree";
|
|
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
|
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
|
|
|
export default function Page() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="large"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="URBAN PULSE"
|
|
logoSrc="http://img.b2bpic.net/free-photo/real-life-zodiac-collage_23-2149588408.jpg"
|
|
logoAlt="VNDL Studio Logo"
|
|
navItems={[
|
|
{ "name": "Shop", "id": "products" },
|
|
{ "name": "Collections", "id": "collections" },
|
|
{ "name": "About", "id": "about" }
|
|
]}
|
|
button={{ "text": "Cart" }}
|
|
/>
|
|
</div>
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
logoText="URBAN PULSE"
|
|
description="REDEFINE THE STREETS"
|
|
buttons={[{ "text": "Shop Last Drop", "href": "#products" }]}
|
|
background={{ "variant": "sparkles-gradient" }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/student-with-goth-style-school_23-2150576841.jpg"
|
|
imageAlt="Abstract dark background with neon orange accents"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="Our Vision"
|
|
description="At VNDL Studio, we craft luxury streetwear for the audacious. Born from the vibrant streets of LA, our designs fuse high fashion with rebellious spirit, pushing boundaries and setting trends. Each piece is a statement, meticulously designed to redefine urban fashion."
|
|
imageSrc="http://img.b2bpic.net/free-photo/assortment-father-son-clothing_23-2148868934.jpg"
|
|
imageAlt="Close-up of luxury streetwear garment with intricate detail"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSeven
|
|
title="Exclusive Drops. Unmatched Quality."
|
|
description="Experience the difference of meticulously crafted garments designed for longevity and style that stands out in any crowd."
|
|
features={[
|
|
{
|
|
"title": "Premium Fabrics", "description": "Utilizing only the highest quality materials for superior comfort and durability, ensuring your investment lasts.", "imageSrc": "http://img.b2bpic.net/free-photo/dramatic-black-white-leaves-landscape_23-2150037723.jpg", "imageAlt": "Close-up of premium fabric texture"
|
|
},
|
|
{
|
|
"title": "Avant-Garde Designs", "description": "Our collections push artistic boundaries, offering unique silhouettes and bold graphics that captivate attention.", "imageSrc": "http://img.b2bpic.net/free-photo/digital-art-style-fashion-design-sketch-paper_23-2151487056.jpg", "imageAlt": "Abstract graphic design on a garment"
|
|
},
|
|
{
|
|
"title": "Limited Edition Releases", "description": "Each drop is exclusive, creating a sense of urgency and ensuring you own a truly unique piece of wearable art.", "imageSrc": "http://img.b2bpic.net/free-photo/lovely-indian-couple-love-wear-saree-elegant-suit-posed-restaurant_627829-866.jpg", "imageAlt": "Stylish packaging for a limited edition product"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
title="Trending Items"
|
|
description="Discover our latest and most sought-after pieces, fresh from the streets of LA and defining the new wave of luxury streetwear."
|
|
products={[
|
|
{
|
|
"id": "p1", "name": "VNDL Eclipse Hoodie", "price": "$180", "imageSrc": "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-headphones-outdoor_624325-1989.jpg", "imageAlt": "Black oversized hoodie with neon orange accents"
|
|
},
|
|
{
|
|
"id": "p2", "name": "Rebel Graphic Tee", "price": "$95", "imageSrc": "http://img.b2bpic.net/free-photo/medium-shot-underground-hip-hop-musician_23-2150932970.jpg", "imageAlt": "Designer t-shirt model streetwear"
|
|
},
|
|
{
|
|
"id": "p3", "name": "Urban Tech Cargos", "price": "$160", "imageSrc": "http://img.b2bpic.net/free-photo/young-man-waiting-someone-night-city_23-2149285651.jpg", "imageAlt": "Streetwear cargo pants model dark"
|
|
},
|
|
{
|
|
"id": "p4", "name": "Apex Leather Jacket", "price": "$450", "imageSrc": "http://img.b2bpic.net/free-photo/young-handsome-man-posing-near-modern-business-center-wearing-stylish-leather-spiked-jacket-black-jeans-sunglasses-brutal-look_291049-1570.jpg", "imageAlt": "Leather jacket model streetwear"
|
|
},
|
|
{
|
|
"id": "p5", "name": "Phantom Sneakers", "price": "$220", "imageSrc": "http://img.b2bpic.net/free-photo/boss-boot-service-is-thinking-about-new-design-project_613910-17427.jpg", "imageAlt": "Streetwear sneakers model neon"
|
|
},
|
|
{
|
|
"id": "p6", "name": "Signature Snapback", "price": "$60", "imageSrc": "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-outdoors_23-2149439864.jpg", "imageAlt": "Streetwear cap model dark"
|
|
}
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
title="What Our Tribe Says"
|
|
description="Hear directly from the streets and industry insiders. Real reviews from those who define the culture and wear VNDL Studio."
|
|
testimonials={[
|
|
{
|
|
"id": "t1", "name": "Marcus 'The Vision' Reed", "role": "Creative Director", "company": "Urban Pulse Magazine", "rating": 5,
|
|
"imageSrc": "http://img.b2bpic.net/free-photo/young-people-having-fun_23-2149832951.jpg", "imageAlt": "Fashion influencer testimonial portrait dark"
|
|
},
|
|
{
|
|
"id": "t2", "name": "Chloe 'Cipher' Liu", "role": "Fashion Influencer", "company": "StyleKode", "rating": 5,
|
|
"imageSrc": "http://img.b2bpic.net/free-photo/happy-friends-shopping-clothes_23-2148385702.jpg", "imageAlt": "Female model streetwear testimonial dark"
|
|
},
|
|
{
|
|
"id": "t3", "name": "Javier 'Ghost' Perez", "role": "Street Artist", "company": "Graffiti Minds", "rating": 5,
|
|
"imageSrc": "http://img.b2bpic.net/free-photo/medium-shot-smiley-friends-party_23-2149879670.jpg", "imageAlt": "Street artist testimonial portrait dark"
|
|
},
|
|
{
|
|
"id": "t4", "name": "Seraphina 'Echo' Chen", "role": "Music Producer", "company": "Neon Sound Studios", "rating": 5,
|
|
"imageSrc": "http://img.b2bpic.net/free-photo/close-up-smiley-woman-looking-jacket_23-2149241360.jpg", "imageAlt": "Musician streetwear testimonial dark"
|
|
},
|
|
{
|
|
"id": "t5", "name": "David 'Lens' Kim", "role": "Photographer", "company": "Shutter Street", "rating": 5,
|
|
"imageSrc": "http://img.b2bpic.net/free-photo/woman-photographer-photo-art-concept_23-2148565570.jpg", "imageAlt": "Photographer streetwear testimonial dark"
|
|
}
|
|
]}
|
|
kpiItems={[
|
|
{ "value": "50k+", "label": "Happy Customers" },
|
|
{ "value": "5.0", "label": "Average Rating" },
|
|
{ "value": "100+", "label": "Exclusive Drops" }
|
|
]}
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="As Seen On"
|
|
description="Our gear graces the boldest and brightest. Featured in top publications and worn by leading trendsetters."
|
|
names={["Complex", "Hypebeast", "GQ", "Vogue", "Highsnobiety", "032c", "Dazed"]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Join the Club"
|
|
description="Sign up for exclusive drops, insider access, and VIP events. Never miss a beat from VNDL Studio."
|
|
inputs={[{ "name": "email", "type": "email", "placeholder": "Enter your email", "required": true }]}
|
|
useInvertedBackground={false}
|
|
buttonText="Join Now"
|
|
mediaPosition="right"
|
|
/>
|
|
</div>
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="URBAN PULSE"
|
|
columns={[
|
|
{ "title": "Shop", "items": [{ "label": "New Arrivals", "href": "#products" }, { "label": "T-Shirts", "href": "#" }, { "label": "Hoodies", "href": "#" }, { "label": "Accessories", "href": "#" }] },
|
|
{ "title": "Collections", "items": [{ "label": "LA Originals", "href": "#" }, { "label": "Neon City", "href": "#" }, { "label": "Limited Drops", "href": "#" }] },
|
|
{ "title": "About", "items": [{ "label": "Our Story", "href": "#about" }, { "label": "Sustainability", "href": "#" }, { "label": "Careers", "href": "#" }] },
|
|
{ "title": "Legal", "items": [{ "label": "Privacy Policy", "href": "#" }, { "label": "Terms of Service", "href": "#" }, { "label": "Shipping & Returns", "href": "#" }] }
|
|
]}
|
|
copyrightText="© 2024 VNDL Studio. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |