Merge version_1 into main #2
229
src/app/page.tsx
229
src/app/page.tsx
@@ -18,27 +18,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Shop", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Desperate"
|
||||
/>
|
||||
@@ -49,40 +44,16 @@ export default function LandingPage() {
|
||||
logoText="DESPERATE"
|
||||
description="Bold designs for the fearless. Quality apparel that speaks for itself."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{ text: "Shop Now", href: "#products" },
|
||||
{ text: "About Us", href: "#about" },
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-eco-transport-new-york_23-2149219976.jpg?_wi=1",
|
||||
imageAlt: "Streetwear style shirt",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-model-woman-dressed-warm-hipster-white-sweater-beanie-she-posing-street_158538-17181.jpg",
|
||||
imageAlt: "Streetwear style shirt",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-streetwear-illustration_52683-157978.jpg?_wi=1",
|
||||
imageAlt: "Streetwear style shirt",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-sunglasses-posed-outdoor-street-sunset-against-gray-wall_627829-2750.jpg",
|
||||
imageAlt: "Streetwear style shirt",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-afro-dreadlocks-walking_23-2149462082.jpg",
|
||||
imageAlt: "Streetwear style shirt",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-hipster-male-man-looking-camera_197531-33424.jpg",
|
||||
imageAlt: "Streetwear style shirt",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/person-using-eco-transport-new-york_23-2149219976.jpg", imageAlt: "Streetwear style shirt" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-model-woman-dressed-warm-hipster-white-sweater-beanie-she-posing-street_158538-17181.jpg", imageAlt: "Streetwear style shirt" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-streetwear-illustration_52683-157978.jpg", imageAlt: "Streetwear style shirt" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-sunglasses-posed-outdoor-street-sunset-against-gray-wall_627829-2750.jpg", imageAlt: "Streetwear style shirt" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-afro-dreadlocks-walking_23-2149462082.jpg", imageAlt: "Streetwear style shirt" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-hipster-male-man-looking-camera_197531-33424.jpg", imageAlt: "Streetwear style shirt" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -102,42 +73,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Logo Tee",
|
||||
price: "$35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waist-up-photo-emotional-man-black-opening-his-mouth_132075-8190.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Street Graphic Tee",
|
||||
price: "$40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-man-with-short-fair-hair-wearing-black-t-shirt-jeans-keeping-hands-pockets-surprising-something_132075-8169.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Minimalist Tee",
|
||||
price: "$30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-black-t-shirt-white-pants-black-mask-looking-far-away_176474-81707.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Limited Edition",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-trucker-hat_23-2149432349.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Vibe Tee",
|
||||
price: "$35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-skateboard-grayscale_53876-165437.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Essentials Tee",
|
||||
price: "$28",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478992.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Classic Logo Tee", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/waist-up-photo-emotional-man-black-opening-his-mouth_132075-8190.jpg" },
|
||||
{ id: "p2", name: "Street Graphic Tee", price: "$40", imageSrc: "http://img.b2bpic.net/free-photo/attractive-man-with-short-fair-hair-wearing-black-t-shirt-jeans-keeping-hands-pockets-surprising-something_132075-8169.jpg" },
|
||||
{ id: "p3", name: "Minimalist Tee", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-black-t-shirt-white-pants-black-mask-looking-far-away_176474-81707.jpg" },
|
||||
{ id: "p4", name: "Limited Edition", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-trucker-hat_23-2149432349.jpg" },
|
||||
{ id: "p5", name: "Vibe Tee", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-skateboard-grayscale_53876-165437.jpg" },
|
||||
{ id: "p6", name: "Essentials Tee", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478992.jpg" },
|
||||
]}
|
||||
title="The Collection"
|
||||
description="Curated selection of our best-selling tees."
|
||||
@@ -150,27 +91,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5k+",
|
||||
title: "Shirts Sold",
|
||||
description: "Happy customers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-streetwear-illustration_52683-158237.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100+",
|
||||
title: "Designs",
|
||||
description: "Unique art prints.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-underground-hip-hop-musicians_23-2150932934.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50+",
|
||||
title: "States",
|
||||
description: "Nationwide shipping.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-streetwear-illustration_52683-157974.jpg",
|
||||
},
|
||||
{ id: "m1", value: "5k+", title: "Shirts Sold", description: "Happy customers.", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-streetwear-illustration_52683-158237.jpg" },
|
||||
{ id: "m2", value: "100+", title: "Designs", description: "Unique art prints.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-underground-hip-hop-musicians_23-2150932934.jpg" },
|
||||
{ id: "m3", value: "50+", title: "States", description: "Nationwide shipping.", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-streetwear-illustration_52683-157974.jpg" },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Numbers behind the brand."
|
||||
@@ -182,61 +105,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
date: "Jan 2024",
|
||||
title: "Fan",
|
||||
quote: "Best fabric quality I've found.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-with-graffiti_23-2149028824.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-eco-transport-new-york_23-2149219976.jpg?_wi=2",
|
||||
imageAlt: "stylish young person portrait",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jordan P.",
|
||||
date: "Feb 2024",
|
||||
title: "Fan",
|
||||
quote: "Love the unique designs.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/attractive-tourist-woman-photographer-with-camera-outdoor-city-street-gorgeous-happy-caucasian-female-casual-hipster-clothes_639032-2492.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waist-up-photo-emotional-man-black-opening-his-mouth_132075-8190.jpg?_wi=2",
|
||||
imageAlt: "stylish young person portrait",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Casey L.",
|
||||
date: "Mar 2024",
|
||||
title: "Fan",
|
||||
quote: "So comfortable and stylish.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/charming-young-girl-with-blonde-hair-dressed-pink-jacket-holds-skateboard-posing-near-guardrail-against-sea-coast_613910-5415.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/autumn-still-life-arrangement_23-2149080523.jpg",
|
||||
imageAlt: "stylish young person portrait",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Morgan S.",
|
||||
date: "Apr 2024",
|
||||
title: "Fan",
|
||||
quote: "Fast shipping, great fit.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-new-york-city-daytime_23-2149488559.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-lady-with-dark-hair-sitting-floor-near-window_7502-9025.jpg?_wi=1",
|
||||
imageAlt: "stylish young person portrait",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Taylor W.",
|
||||
date: "May 2024",
|
||||
title: "Fan",
|
||||
quote: "Always getting compliments.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-model-woman-dressed-warm-hipster-white-sweater-beanie-she-posing-street_158538-17181.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-streetwear-illustration_52683-157978.jpg?_wi=2",
|
||||
imageAlt: "stylish young person portrait",
|
||||
},
|
||||
{ id: "t1", name: "Alex R.", date: "Jan 2024", title: "Fan", quote: "Best fabric quality I've found.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-with-graffiti_23-2149028824.jpg", imageSrc: "http://img.b2bpic.net/free-photo/person-using-eco-transport-new-york_23-2149219976.jpg", imageAlt: "stylish young person portrait" },
|
||||
{ id: "t2", name: "Jordan P.", date: "Feb 2024", title: "Fan", quote: "Love the unique designs.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/attractive-tourist-woman-photographer-with-camera-outdoor-city-street-gorgeous-happy-caucasian-female-casual-hipster-clothes_639032-2492.jpg", imageSrc: "http://img.b2bpic.net/free-photo/waist-up-photo-emotional-man-black-opening-his-mouth_132075-8190.jpg", imageAlt: "stylish young person portrait" },
|
||||
{ id: "t3", name: "Casey L.", date: "Mar 2024", title: "Fan", quote: "So comfortable and stylish.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/charming-young-girl-with-blonde-hair-dressed-pink-jacket-holds-skateboard-posing-near-guardrail-against-sea-coast_613910-5415.jpg", imageSrc: "http://img.b2bpic.net/free-photo/autumn-still-life-arrangement_23-2149080523.jpg", imageAlt: "stylish young person portrait" },
|
||||
{ id: "t4", name: "Morgan S.", date: "Apr 2024", title: "Fan", quote: "Fast shipping, great fit.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-new-york-city-daytime_23-2149488559.jpg", imageSrc: "http://img.b2bpic.net/free-photo/charming-lady-with-dark-hair-sitting-floor-near-window_7502-9025.jpg", imageAlt: "stylish young person portrait" },
|
||||
{ id: "t5", name: "Taylor W.", date: "May 2024", title: "Fan", quote: "Always getting compliments.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-model-woman-dressed-warm-hipster-white-sweater-beanie-she-posing-street_158538-17181.jpg", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-streetwear-illustration_52683-157978.jpg", imageAlt: "stylish young person portrait" },
|
||||
]}
|
||||
title="What People Say"
|
||||
description="Real feedback from our community."
|
||||
@@ -247,21 +120,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Shipping times?",
|
||||
content: "3-5 business days.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Returns?",
|
||||
content: "Easy returns within 30 days.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Material?",
|
||||
content: "100% premium cotton.",
|
||||
},
|
||||
{ id: "f1", title: "Shipping times?", content: "3-5 business days." },
|
||||
{ id: "f2", title: "Returns?", content: "Easy returns within 30 days." },
|
||||
{ id: "f3", title: "Material?", content: "100% premium cotton." },
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -274,20 +135,10 @@ export default function LandingPage() {
|
||||
title="Get in touch"
|
||||
description="Have questions? Write to us."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email", required: true },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/charming-lady-with-dark-hair-sitting-floor-near-window_7502-9025.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/charming-lady-with-dark-hair-sitting-floor-near-window_7502-9025.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -300,4 +151,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user