Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
173
src/app/page.tsx
173
src/app/page.tsx
@@ -11,7 +11,7 @@ import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Award, Globe, Heart, MapPin, Sparkles, TrendingUp, Users } from "lucide-react";
|
||||
import { Award, Globe, Heart, MapPin, Sparkles, TrendingUp, Users, Zap, Shield, Star, Truck } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,39 +31,24 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Community",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{ name: "Shop", id: "#products" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Community", id: "#testimonials" },
|
||||
]}
|
||||
brandName="CORE DISTRICT"
|
||||
button={{ text: "Contact Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="DEFINING THE URBAN EDGE"
|
||||
description="Premium streetwear designed for the streets. Raw, authentic, and built to last. Explore our latest seasonal drop."
|
||||
tag="NEW DROP AVAILABLE"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Shop Now", href: "#products" }]}
|
||||
tagIcon={Sparkles}
|
||||
imageSrc="asset://hero-main-bg"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ocab4r"
|
||||
imageAlt="Urban streetwear lifestyle model"
|
||||
/>
|
||||
</div>
|
||||
@@ -73,21 +58,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="BUILT FOR THE STREETS"
|
||||
metrics={[
|
||||
{
|
||||
icon: Users,
|
||||
label: "Community Members",
|
||||
value: "15K+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Seasonal Drops",
|
||||
value: "24",
|
||||
},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Global Cities",
|
||||
value: "40+",
|
||||
},
|
||||
{ icon: Users, label: "Community Members", value: "15K+" },
|
||||
{ icon: Award, label: "Seasonal Drops", value: "24" },
|
||||
{ icon: MapPin, label: "Global Cities", value: "40+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -100,42 +73,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Utility Tech Jacket",
|
||||
price: "$120",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ocab4r&_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Graphic Oversized Tee",
|
||||
price: "$45",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8b803r&_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Cargo Pants",
|
||||
price: "$85",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dxhepq&_wi=1",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Core Hoodie",
|
||||
price: "$70",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h4t7rf&_wi=1",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Street Cap",
|
||||
price: "$30",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vkdqrk",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Runner Sneakers",
|
||||
price: "$110",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9y2gbo",
|
||||
},
|
||||
{ id: "1", name: "Utility Tech Jacket", price: "$120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ocab4r" },
|
||||
{ id: "2", name: "Graphic Oversized Tee", price: "$45", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8b803r" },
|
||||
{ id: "3", name: "Cargo Pants", price: "$85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dxhepq" },
|
||||
{ id: "4", name: "Core Hoodie", price: "$70", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h4t7rf" },
|
||||
{ id: "5", name: "Street Cap", price: "$30", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vkdqrk" },
|
||||
{ id: "6", name: "Runner Sneakers", price: "$110", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9y2gbo" },
|
||||
]}
|
||||
title="SEASONAL FAVORITES"
|
||||
description="Discover the latest essential pieces."
|
||||
@@ -147,34 +90,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Materials",
|
||||
description: "100% heavy-weight cotton and durable tech-fabrics.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ocab4r&_wi=2",
|
||||
imageAlt: "streetwear tech jacket man",
|
||||
},
|
||||
{
|
||||
title: "Ethical Production",
|
||||
description: "Produced in fair-wage facilities across the globe.",
|
||||
buttonIcon: "Shield",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8b803r&_wi=2",
|
||||
imageAlt: "streetwear tech jacket man",
|
||||
},
|
||||
{
|
||||
title: "Limited Drops",
|
||||
description: "Every design is released in limited quantities.",
|
||||
buttonIcon: "Star",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dxhepq&_wi=2",
|
||||
imageAlt: "streetwear tech jacket man",
|
||||
},
|
||||
{
|
||||
title: "Fast Shipping",
|
||||
description: "Worldwide delivery to your doorstep in days.",
|
||||
buttonIcon: "Truck",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h4t7rf&_wi=2",
|
||||
imageAlt: "streetwear tech jacket man",
|
||||
},
|
||||
{ title: "Premium Materials", description: "100% heavy-weight cotton and durable tech-fabrics.", buttonIcon: Zap, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ocab4r" },
|
||||
{ title: "Ethical Production", description: "Produced in fair-wage facilities across the globe.", buttonIcon: Shield, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8b803r" },
|
||||
{ title: "Limited Drops", description: "Every design is released in limited quantities.", buttonIcon: Star, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dxhepq" },
|
||||
{ title: "Fast Shipping", description: "Worldwide delivery to your doorstep in days.", buttonIcon: Truck, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h4t7rf" },
|
||||
]}
|
||||
title="Why CORE DISTRICT?"
|
||||
description="Quality meets street culture in every stitch."
|
||||
@@ -187,24 +106,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Globe,
|
||||
title: "Total Shipped",
|
||||
value: "50K+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Heart,
|
||||
title: "Happy Customers",
|
||||
value: "45K+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: TrendingUp,
|
||||
title: "Growth Rate",
|
||||
value: "200%",
|
||||
},
|
||||
{ id: "m1", icon: Globe, title: "Total Shipped", value: "50K+" },
|
||||
{ id: "m2", icon: Heart, title: "Happy Customers", value: "45K+" },
|
||||
{ id: "m3", icon: TrendingUp, title: "Growth Rate", value: "200%" },
|
||||
]}
|
||||
title="OUR IMPACT"
|
||||
description="Growing by the day across global streets."
|
||||
@@ -218,26 +122,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Jordan M."
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=41bt18",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dckyl7",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sx9j1i",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x0lf44",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "asset://avatar-5",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=41bt18", alt: "User 1" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dckyl7", alt: "User 2" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sx9j1i", alt: "User 3" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x0lf44", alt: "User 4" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=41bt18", alt: "User 5" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -247,9 +136,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="JOIN THE LIST"
|
||||
title="GET EARLY ACCESS"
|
||||
description="Sign up to receive drops, community news, and exclusive event invites before everyone else."
|
||||
|
||||
Reference in New Issue
Block a user