Merge version_1 into main #2
264
src/app/page.tsx
264
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Shop", id: "#products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="ASCEND"
|
||||
/>
|
||||
@@ -52,158 +44,65 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="ASCEND TO THE STREETS"
|
||||
description="High-quality streetwear built for the movement. Unbeatable style, low prices, elevated aesthetic."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hipster-model-with-long-hair_158595-2380.jpg?_wi=1",
|
||||
imageAlt: "Model in urban hoodie",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-woman-2000s-fashion-style-posing-with-tv_23-2149442874.jpg?_wi=1",
|
||||
imageAlt: "Street fashion group",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hipster-model-with-long-hair_158595-2380.jpg?_wi=2",
|
||||
imageAlt: "Model in urban hoodie",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-woman-2000s-fashion-style-posing-with-tv_23-2149442874.jpg?_wi=2",
|
||||
imageAlt: "Street fashion group",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hipster-model-with-long-hair_158595-2380.jpg?_wi=3",
|
||||
imageAlt: "Model in urban hoodie",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-woman-2000s-fashion-style-posing-with-tv_23-2149442874.jpg?_wi=3",
|
||||
imageAlt: "Street fashion group",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hipster-model-with-long-hair_158595-2380.jpg", imageAlt: "Model in urban hoodie" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-woman-2000s-fashion-style-posing-with-tv_23-2149442874.jpg", imageAlt: "Street fashion group" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hipster-model-with-long-hair_158595-2380.jpg", imageAlt: "Model in urban hoodie" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-woman-2000s-fashion-style-posing-with-tv_23-2149442874.jpg", imageAlt: "Street fashion group" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hipster-model-with-long-hair_158595-2380.jpg", imageAlt: "Model in urban hoodie" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-woman-2000s-fashion-style-posing-with-tv_23-2149442874.jpg", imageAlt: "Street fashion group" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-woman-2000s-fashion-style-posing-with-tv_23-2149442874.jpg?_wi=4",
|
||||
imageAlt: "Street fashion group",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hipster-model-with-long-hair_158595-2380.jpg?_wi=4",
|
||||
imageAlt: "Model in urban hoodie",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-woman-2000s-fashion-style-posing-with-tv_23-2149442874.jpg?_wi=5",
|
||||
imageAlt: "Street fashion group",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hipster-model-with-long-hair_158595-2380.jpg?_wi=5",
|
||||
imageAlt: "Model in urban hoodie",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-woman-2000s-fashion-style-posing-with-tv_23-2149442874.jpg?_wi=6",
|
||||
imageAlt: "Street fashion group",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hipster-model-with-long-hair_158595-2380.jpg?_wi=6",
|
||||
imageAlt: "Model in urban hoodie",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-woman-2000s-fashion-style-posing-with-tv_23-2149442874.jpg", imageAlt: "Street fashion group" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hipster-model-with-long-hair_158595-2380.jpg", imageAlt: "Model in urban hoodie" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-woman-2000s-fashion-style-posing-with-tv_23-2149442874.jpg", imageAlt: "Street fashion group" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hipster-model-with-long-hair_158595-2380.jpg", imageAlt: "Model in urban hoodie" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-woman-2000s-fashion-style-posing-with-tv_23-2149442874.jpg", imageAlt: "Street fashion group" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hipster-model-with-long-hair_158595-2380.jpg", imageAlt: "Model in urban hoodie" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop New Collection",
|
||||
href: "#products",
|
||||
},
|
||||
{ text: "Shop New Collection", href: "#products" },
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/slim-brunette-woman-black-sweater-crossed-arms_613910-7040.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-casual-hipster-girl-cap-sunglasses-jeans-wear-listening-music-from-headphones-mobile-phone-against-large-graffiti-wall_627829-7727.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-sunglasses_23-2149409792.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-is-walking-around-city_1321-1321.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-smiling-sitting-floor-white-wall_176420-8541.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/slim-brunette-woman-black-sweater-crossed-arms_613910-7040.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/stylish-casual-hipster-girl-cap-sunglasses-jeans-wear-listening-music-from-headphones-mobile-phone-against-large-graffiti-wall_627829-7727.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-sunglasses_23-2149409792.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/girl-is-walking-around-city_1321-1321.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-smiling-sitting-floor-white-wall_176420-8541.jpg", alt: "Customer 5" }
|
||||
]}
|
||||
avatarText="Join 10k+ followers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "LIMITED DROPS",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "GLOBAL SHIPPING",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "PREMIUM FABRICS",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "AFFORDABLE STYLE",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "URBAN ESSENTIALS",
|
||||
},
|
||||
{ type: "text", text: "LIMITED DROPS" },
|
||||
{ type: "text", text: "GLOBAL SHIPPING" },
|
||||
{ type: "text", text: "PREMIUM FABRICS" },
|
||||
{ type: "text", text: "AFFORDABLE STYLE" },
|
||||
{ type: "text", text: "URBAN ESSENTIALS" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Urban Core Hoodie",
|
||||
price: "$29",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-person-wearing-hoodie-mockup_23-2149246197.jpg",
|
||||
},
|
||||
id: "p1", name: "Urban Core Hoodie", price: "$29", imageSrc: "http://img.b2bpic.net/free-photo/young-person-wearing-hoodie-mockup_23-2149246197.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Street Tech Joggers",
|
||||
price: "$24",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-person-getting-ready-doing-sport-night_23-2149287989.jpg",
|
||||
},
|
||||
id: "p2", name: "Street Tech Joggers", price: "$24", imageSrc: "http://img.b2bpic.net/free-photo/young-person-getting-ready-doing-sport-night_23-2149287989.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Graphic Tee - Ascent",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-podium_23-2150169135.jpg",
|
||||
},
|
||||
id: "p3", name: "Graphic Tee - Ascent", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-podium_23-2150169135.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Signature 5-Panel Cap",
|
||||
price: "$12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-fedora-hat-studio_23-2150737153.jpg",
|
||||
},
|
||||
id: "p4", name: "Signature 5-Panel Cap", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-fedora-hat-studio_23-2150737153.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Utility Layer Vest",
|
||||
price: "$35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-blue-suit-posing-with-mirror-outdoors_23-2149445026.jpg",
|
||||
},
|
||||
id: "p5", name: "Utility Layer Vest", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-blue-suit-posing-with-mirror-outdoors_23-2149445026.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Bomber Jacket",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/urban-cyclist-leaning-wall-low-view_23-2148828219.jpg",
|
||||
},
|
||||
id: "p6", name: "Bomber Jacket", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/urban-cyclist-leaning-wall-low-view_23-2148828219.jpg"},
|
||||
]}
|
||||
title="Fresh Drops"
|
||||
description="Streetwear essentials at prices that make sense."
|
||||
@@ -216,9 +115,7 @@ export default function LandingPage() {
|
||||
title="ASCEND: Streetwear for All"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -231,45 +128,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
role: "Collector",
|
||||
company: "UrbanFits",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/slim-brunette-woman-black-sweater-crossed-arms_613910-7040.jpg",
|
||||
},
|
||||
id: "t1", name: "Alex R.", role: "Collector", company: "UrbanFits", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/slim-brunette-woman-black-sweater-crossed-arms_613910-7040.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jordan S.",
|
||||
role: "Influencer",
|
||||
company: "StyleDaily",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-casual-hipster-girl-cap-sunglasses-jeans-wear-listening-music-from-headphones-mobile-phone-against-large-graffiti-wall_627829-7727.jpg",
|
||||
},
|
||||
id: "t2", name: "Jordan S.", role: "Influencer", company: "StyleDaily", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-casual-hipster-girl-cap-sunglasses-jeans-wear-listening-music-from-headphones-mobile-phone-against-large-graffiti-wall_627829-7727.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Casey M.",
|
||||
role: "Artist",
|
||||
company: "StreetVibes",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-sunglasses_23-2149409792.jpg",
|
||||
},
|
||||
id: "t3", name: "Casey M.", role: "Artist", company: "StreetVibes", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-sunglasses_23-2149409792.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Riley K.",
|
||||
role: "Fan",
|
||||
company: "AscendCrew",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-is-walking-around-city_1321-1321.jpg",
|
||||
},
|
||||
id: "t4", name: "Riley K.", role: "Fan", company: "AscendCrew", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-is-walking-around-city_1321-1321.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sam T.",
|
||||
role: "Fan",
|
||||
company: "AscendCrew",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-smiling-sitting-floor-white-wall_176420-8541.jpg",
|
||||
},
|
||||
id: "t5", name: "Sam T.", role: "Fan", company: "AscendCrew", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-smiling-sitting-floor-white-wall_176420-8541.jpg"},
|
||||
]}
|
||||
title="Community Vibes"
|
||||
description="What the streets are saying about Ascend."
|
||||
@@ -280,16 +152,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Get In Touch"
|
||||
title="Join the Ascend Movement"
|
||||
description="Subscribe for early access to drops and exclusive low-price deals."
|
||||
buttons={[
|
||||
{
|
||||
text: "Join Newsletter",
|
||||
href: "#",
|
||||
},
|
||||
text: "Join Newsletter", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -298,46 +167,29 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Hoodies",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Hoodies", href: "#products"},
|
||||
{
|
||||
label: "Tees",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Tees", href: "#products"},
|
||||
{
|
||||
label: "Accessories",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Accessories", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Ascend",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Ascend", href: "#about"},
|
||||
{
|
||||
label: "Our Mission",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Our Mission", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help Center", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user