Merge version_1 into main #2
131
src/app/page.tsx
131
src/app/page.tsx
@@ -29,18 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "collections",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Collections", id: "#collections" },
|
||||
{ name: "Shop", id: "#products" },
|
||||
{ name: "About", id: "#about" },
|
||||
]}
|
||||
brandName="Vixen Threadds"
|
||||
/>
|
||||
@@ -52,9 +44,7 @@ export default function LandingPage() {
|
||||
description="Wear confidence. Own your sass. Make every statement count."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop the Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop the Collection", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-white-photo-stylish-woman_250224-135.jpg?_wi=1"
|
||||
imageAlt="Model wearing bold graphic tee"
|
||||
@@ -68,15 +58,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"The Cheeky Edit: Tees that speak louder",
|
||||
"HER Collection: Celebrate your power",
|
||||
],
|
||||
"The Cheeky Edit: Tees that speak louder", "HER Collection: Celebrate your power"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Sugar Collection: Sweet and sassy",
|
||||
"Cupid’s Collection: Self-love first",
|
||||
],
|
||||
"Sugar Collection: Sweet and sassy", "Cupid’s Collection: Self-love first"],
|
||||
}}
|
||||
title="Explore Our Collections"
|
||||
description="Find your fit, find your vibe."
|
||||
@@ -91,32 +77,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Vixen",
|
||||
name: "Sassy Queen Tee",
|
||||
price: "$29.00",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-posing-studio_176474-72948.jpg",
|
||||
},
|
||||
id: "1", brand: "Vixen", name: "Sassy Queen Tee", price: "$29.00", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-posing-studio_176474-72948.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Vixen",
|
||||
name: "Empower Tee",
|
||||
price: "$29.00",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/made-visual-famous-quote-lettering_23-2148463420.jpg",
|
||||
},
|
||||
id: "2", brand: "Vixen", name: "Empower Tee", price: "$29.00", rating: 5,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-vector/made-visual-famous-quote-lettering_23-2148463420.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Vixen",
|
||||
name: "Unapologetic Tee",
|
||||
price: "$29.00",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-pretty-caucasian-girl-sun-glasses-stands-with-closed-eyes-puts-hands-head-orange_141793-93392.jpg",
|
||||
},
|
||||
id: "3", brand: "Vixen", name: "Unapologetic Tee", price: "$29.00", rating: 5,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-pretty-caucasian-girl-sun-glasses-stands-with-closed-eyes-puts-hands-head-orange_141793-93392.jpg"},
|
||||
]}
|
||||
title="Our Best Sellers"
|
||||
description="Fresh designs hitting the racks."
|
||||
@@ -130,13 +98,9 @@ export default function LandingPage() {
|
||||
description="We’re a small, women-owned brand making graphic tees that celebrate confidence, sass, and sisterhood. Every design has a story—and a little bite."
|
||||
metrics={[
|
||||
{
|
||||
value: "5k+",
|
||||
title: "Bold Women",
|
||||
},
|
||||
value: "5k+", title: "Bold Women"},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Confidence",
|
||||
},
|
||||
value: "100%", title: "Confidence"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-yellow-jacket-brush-stroke_23-2149020782.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -151,45 +115,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jane D.",
|
||||
handle: "@janebold",
|
||||
testimonial: "The softest tee I own and it says exactly how I feel.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-photo-stylish-woman_250224-135.jpg?_wi=2",
|
||||
imageAlt: "woman wearing cool graphic tee",
|
||||
},
|
||||
id: "1", name: "Jane D.", handle: "@janebold", testimonial: "The softest tee I own and it says exactly how I feel.", imageSrc: "http://img.b2bpic.net/free-photo/black-white-photo-stylish-woman_250224-135.jpg?_wi=2", imageAlt: "woman wearing cool graphic tee"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah K.",
|
||||
handle: "@sassygirl",
|
||||
testimonial: "Finally, clothes that fit my attitude.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-worker-woman-wearing-staff-uniform-tshirt-isolated-yellow-background-doing-ok-gesture-shocked-with-surprised-face-eye-looking-through-fingers-unbelieving-expression_839833-5943.jpg",
|
||||
imageAlt: "graphic tee flat lay design",
|
||||
},
|
||||
id: "2", name: "Sarah K.", handle: "@sassygirl", testimonial: "Finally, clothes that fit my attitude.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-worker-woman-wearing-staff-uniform-tshirt-isolated-yellow-background-doing-ok-gesture-shocked-with-surprised-face-eye-looking-through-fingers-unbelieving-expression_839833-5943.jpg", imageAlt: "graphic tee flat lay design"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mia L.",
|
||||
handle: "@miarocks",
|
||||
testimonial: "Best quality graphic tees, period.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-halloween-frame_23-2148638576.jpg",
|
||||
imageAlt: "empowering woman graphic tee style",
|
||||
},
|
||||
id: "3", name: "Mia L.", handle: "@miarocks", testimonial: "Best quality graphic tees, period.", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-halloween-frame_23-2148638576.jpg", imageAlt: "empowering woman graphic tee style"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Chloe R.",
|
||||
handle: "@chloe_g",
|
||||
testimonial: "Empowering designs that spark conversations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-african-woman-dressed-loose-t-shirt-gray-cotton-pants-standing-cross-legged-against-white-blank-wall-stylish-dark-skinned-student-girl-having-rest-indoors_273609-2012.jpg",
|
||||
imageAlt: "cheeky fun t-shirt apparel",
|
||||
},
|
||||
id: "4", name: "Chloe R.", handle: "@chloe_g", testimonial: "Empowering designs that spark conversations.", imageSrc: "http://img.b2bpic.net/free-photo/young-african-woman-dressed-loose-t-shirt-gray-cotton-pants-standing-cross-legged-against-white-blank-wall-stylish-dark-skinned-student-girl-having-rest-indoors_273609-2012.jpg", imageAlt: "cheeky fun t-shirt apparel"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex T.",
|
||||
handle: "@alext",
|
||||
testimonial: "Absolutely love the fit and the message!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fast-fashion-vs-slow-sustainable-fashion_23-2149134028.jpg",
|
||||
imageAlt: "love yourself apparel graphic tee",
|
||||
},
|
||||
id: "5", name: "Alex T.", handle: "@alext", testimonial: "Absolutely love the fit and the message!", imageSrc: "http://img.b2bpic.net/free-photo/fast-fashion-vs-slow-sustainable-fashion_23-2149134028.jpg", imageAlt: "love yourself apparel graphic tee"},
|
||||
]}
|
||||
title="Seen on Bold Women Everywhere"
|
||||
description="From coffee runs to happy hours, our tees are made for real women."
|
||||
@@ -200,8 +134,7 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Bold t-shirts, for bold women. We make tees for everyday women who love to laugh, stand out, and rock their confidence. Soft fabrics, fun designs, zero rules. Just you—your style, your attitude."
|
||||
/>
|
||||
</div>
|
||||
@@ -210,29 +143,19 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Tees",
|
||||
href: "#products",
|
||||
},
|
||||
label: "All Tees", href: "#products"},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#",
|
||||
},
|
||||
label: "New Arrivals", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user