352 lines
11 KiB
TypeScript
352 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="fluid"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Collection",
|
|
id: "products",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="A5 CLOTHING"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
title="Streetwear Built Different"
|
|
description="Premium urban fashion designed for modern confidence. Trendy styles, affordable luxury—this is where Nagpur's fashion culture lives."
|
|
tag="New Season"
|
|
buttons={[
|
|
{
|
|
text: "Explore Collection",
|
|
href: "#products",
|
|
},
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-female-wearing-formal-suit_23-2148880273.jpg",
|
|
imageAlt: "Streetwear urban fashion",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-sitting-chair_23-2149359874.jpg",
|
|
imageAlt: "Premium fabric texture",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/view-young-man-smiling-camera_197531-33438.jpg",
|
|
imageAlt: "Model in urban streetwear",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-posed-outdoor-street-style-rap-singer_627829-2776.jpg",
|
|
imageAlt: "Streetwear dark aesthetic",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-woman-with-pink-purple-braids-black-waist-bag-posing-outdoor_343596-2044.jpg",
|
|
imageAlt: "Modern fashion look",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-psd/brutalism-style-landing-page-template_23-2150591825.jpg",
|
|
imageAlt: "Boutique interior",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
useInvertedBackground={false}
|
|
title="Nagpur's New Wave of Urban Fashion"
|
|
description={[
|
|
"At A5 CLOTHING, we believe in self-expression through premium streetwear. We bridge the gap between high-end fashion and everyday wear for the modern individual.",
|
|
"Founded in Nagpur, our mission is to empower fashion-conscious Gen Z and young urban professionals to stand out with authentic, trend-focused designs that don't compromise on quality or price.",
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "p1",
|
|
brand: "A5",
|
|
name: "Logo Hoodie",
|
|
price: "₹2,499",
|
|
rating: 5,
|
|
reviewCount: "128",
|
|
imageSrc: "http://img.b2bpic.net/free-vector/november-poster_23-2147980197.jpg",
|
|
},
|
|
{
|
|
id: "p2",
|
|
brand: "A5",
|
|
name: "Utility Joggers",
|
|
price: "₹1,899",
|
|
rating: 5,
|
|
reviewCount: "89",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-gray-background_89887-986.jpg",
|
|
},
|
|
{
|
|
id: "p3",
|
|
brand: "A5",
|
|
name: "Boxy Graphic Tee",
|
|
price: "₹999",
|
|
rating: 4,
|
|
reviewCount: "250",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/skater-wearing-trucker-hat_23-2149431172.jpg",
|
|
},
|
|
{
|
|
id: "p4",
|
|
brand: "A5",
|
|
name: "Signature Snapback",
|
|
price: "₹799",
|
|
rating: 4,
|
|
reviewCount: "56",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478971.jpg",
|
|
},
|
|
{
|
|
id: "p5",
|
|
brand: "A5",
|
|
name: "Oversized Sweater",
|
|
price: "₹2,199",
|
|
rating: 5,
|
|
reviewCount: "42",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478998.jpg",
|
|
},
|
|
{
|
|
id: "p6",
|
|
brand: "A5",
|
|
name: "Minimalist High-Tops",
|
|
price: "₹3,999",
|
|
rating: 5,
|
|
reviewCount: "15",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005707.jpg",
|
|
},
|
|
]}
|
|
title="Current Collection"
|
|
description="Discover curated streetwear pieces that define the urban landscape."
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyFour
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "f1",
|
|
title: "Premium Quality",
|
|
author: "Commitment",
|
|
description: "Fabrics curated for durability and lasting comfort.",
|
|
tags: [
|
|
"Quality",
|
|
"Fabric",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/urban-portrait-young-ginger-man_23-2149122893.jpg",
|
|
},
|
|
{
|
|
id: "f2",
|
|
title: "Trend-First Designs",
|
|
author: "Vision",
|
|
description: "Styles inspired by global urban culture.",
|
|
tags: [
|
|
"Trend",
|
|
"Style",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-japanese-man-outdoors_23-2149010101.jpg",
|
|
},
|
|
{
|
|
id: "f3",
|
|
title: "Exclusive Drops",
|
|
author: "Community",
|
|
description: "Limited pieces ensuring your unique self-expression.",
|
|
tags: [
|
|
"Limited",
|
|
"Drops",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-posing-white-hoodie-leggings-posing-against-white-background_89887-1062.jpg",
|
|
},
|
|
]}
|
|
title="The A5 Experience"
|
|
description="More than just clothing—a lifestyle."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="bento-grid"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Sarah J.",
|
|
role: "Student",
|
|
company: "College Life",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-short-hair-listening-music_23-2149015747.jpg",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Michael C.",
|
|
role: "Professional",
|
|
company: "Urban Lab",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-elegant-clothes-office_291650-564.jpg",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Emily R.",
|
|
role: "Creative",
|
|
company: "Designer",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/serious-stylish-curly-haired-young-woman-looks-watch-checks-time-waits-somone-wears-sunglasses-casual-hoodie-jacket-poses-street_273609-55747.jpg",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "David K.",
|
|
role: "Student",
|
|
company: "Fashionist",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-african-american-woman-posing_150588-181.jpg",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Aman S.",
|
|
role: "Enthusiast",
|
|
company: "Local Community",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-adorable-millennial-girl-sits-crossed-legs-outdoors-rests-after-making-shopping-makes-video-call-waves-hello-friend-talks-distance-smiles-gladfully-dressed-stylish-clothes_273609-62284.jpg",
|
|
},
|
|
]}
|
|
title="Community Voices"
|
|
description="What our customers are saying about A5."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "q1",
|
|
title: "Shipping time?",
|
|
content: "We ship across Nagpur within 2-3 business days.",
|
|
},
|
|
{
|
|
id: "q2",
|
|
title: "Return policy?",
|
|
content: "15-day hassle-free returns on all non-discounted items.",
|
|
},
|
|
{
|
|
id: "q3",
|
|
title: "How to size?",
|
|
content: "Check our detailed sizing guide linked on every product page.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-modern-woman-posing-selfie-holding-smartphone-taking-picture-photo-mobile-phone-sta_1258-125461.jpg"
|
|
mediaAnimation="slide-up"
|
|
title="Frequently Asked Questions"
|
|
description="Common questions about shopping with A5."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
tag="Updates"
|
|
title="Stay In The Loop"
|
|
description="Sign up for early access to drops and exclusive offers."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/building-construction-design-real-estate-structure_53876-23318.jpg"
|
|
logoText="A5 CLOTHING"
|
|
columns={[
|
|
{
|
|
title: "Boutique",
|
|
items: [
|
|
{
|
|
label: "About",
|
|
href: "#about",
|
|
},
|
|
{
|
|
label: "Shop",
|
|
href: "#products",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{
|
|
label: "Privacy Policy",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Shipping",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|