Merge version_1 into main #2
162
src/app/page.tsx
162
src/app/page.tsx
@@ -16,23 +16,21 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{ name: "Products", id: "#products" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Testimonials", id: "#testimonials" }
|
||||
]}
|
||||
brandName="ThreadInk"
|
||||
/>
|
||||
@@ -42,33 +40,13 @@ export default function LandingPage() {
|
||||
<HeroCarouselLogo
|
||||
logoText="ThreadInk"
|
||||
description="Premium printed tees, designed for the streets and made for life. Grab yours today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Shop Collection", href: "#products" }]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-baseball-cap-sunglasses-white-blank-t-shirt-reading-something-his-smartphone-standing-gray-concrete-wall_346278-1741.jpg?_wi=1",
|
||||
imageAlt: "Streetwear t-shirt",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-baseball-cap-sunglasses-white-blank-t-shirt-reading-something-his-smartphone-standing-gray-concrete-wall_346278-1741.jpg?_wi=2",
|
||||
imageAlt: "Streetwear t-shirt",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-baseball-cap-sunglasses-white-blank-t-shirt-reading-something-his-smartphone-standing-gray-concrete-wall_346278-1741.jpg?_wi=3",
|
||||
imageAlt: "Streetwear t-shirt",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-baseball-cap-sunglasses-white-blank-t-shirt-reading-something-his-smartphone-standing-gray-concrete-wall_346278-1741.jpg?_wi=4",
|
||||
imageAlt: "Streetwear t-shirt",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-baseball-cap-sunglasses-white-blank-t-shirt-reading-something-his-smartphone-standing-gray-concrete-wall_346278-1741.jpg?_wi=5",
|
||||
imageAlt: "Streetwear t-shirt",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-man-baseball-cap-sunglasses-white-blank-t-shirt-reading-something-his-smartphone-standing-gray-concrete-wall_346278-1741.jpg", imageAlt: "urban streetwear t-shirt model" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-man-baseball-cap-sunglasses-white-blank-t-shirt-reading-something-his-smartphone-standing-gray-concrete-wall_346278-1741.jpg", imageAlt: "urban streetwear t-shirt model" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-man-baseball-cap-sunglasses-white-blank-t-shirt-reading-something-his-smartphone-standing-gray-concrete-wall_346278-1741.jpg", imageAlt: "urban streetwear t-shirt model" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-man-baseball-cap-sunglasses-white-blank-t-shirt-reading-something-his-smartphone-standing-gray-concrete-wall_346278-1741.jpg", imageAlt: "urban streetwear t-shirt model" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-man-baseball-cap-sunglasses-white-blank-t-shirt-reading-something-his-smartphone-standing-gray-concrete-wall_346278-1741.jpg", imageAlt: "urban streetwear t-shirt model" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -78,8 +56,8 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Quality You Can Feel"
|
||||
description="We started ThreadInk to provide high-quality prints on fabrics that actually last. No peeling, no fading, just great art on soft tees."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-office_23-2150062304.jpg?_wi=1"
|
||||
imageAlt="Printing studio process"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-office_23-2150062304.jpg"
|
||||
imageAlt="clothing brand workshop screen printing"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -90,33 +68,9 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "ThreadInk",
|
||||
name: "Urban Abstract",
|
||||
price: "$35",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-female-model-pajama-playing-with-her-hair-laughing-young-woman-green-pants-standing_197531-9399.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "ThreadInk",
|
||||
name: "Minimalist Waves",
|
||||
price: "$35",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/depressed-man-laying-floor-top-view_23-2149699132.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "ThreadInk",
|
||||
name: "Street Ghost",
|
||||
price: "$40",
|
||||
rating: 4,
|
||||
reviewCount: "22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-man-lifestyle_53876-33542.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "ThreadInk", name: "Urban Abstract", price: "$35", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/joyful-female-model-pajama-playing-with-her-hair-laughing-young-woman-green-pants-standing_197531-9399.jpg" },
|
||||
{ id: "p2", brand: "ThreadInk", name: "Minimalist Waves", price: "$35", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/depressed-man-laying-floor-top-view_23-2149699132.jpg" },
|
||||
{ id: "p3", brand: "ThreadInk", name: "Street Ghost", price: "$40", rating: 4, reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-man-lifestyle_53876-33542.jpg" }
|
||||
]}
|
||||
title="Fresh Drops"
|
||||
description="Check out our latest graphic tee collection."
|
||||
@@ -129,60 +83,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Fan",
|
||||
company: "Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-sunglasses-posed-outdoor-street-sunset-against-gray-wall_627829-2738.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Fan",
|
||||
company: "Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-leaning-wall-shielding-her-eyes-from-sun_23-2148187362.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Fan",
|
||||
company: "Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/vintage-motorcycles-typography-t-shirt-graphics-emblem-label-design_1284-36442.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Fan",
|
||||
company: "Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-with-sunglasses_23-2149409794.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex Rivers",
|
||||
role: "Fan",
|
||||
company: "Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-sunglasses-posed-outdoor-street-sunset-against-gray-wall_627829-2738.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", role: "Fan", company: "Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-sunglasses-posed-outdoor-street-sunset-against-gray-wall_627829-2738.jpg" },
|
||||
{ id: "2", name: "Michael Chen", role: "Fan", company: "Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-leaning-wall-shielding-her-eyes-from-sun_23-2148187362.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", role: "Fan", company: "Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/vintage-motorcycles-typography-t-shirt-graphics-emblem-label-design_1284-36442.jpg" },
|
||||
{ id: "4", name: "David Kim", role: "Fan", company: "Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-with-sunglasses_23-2149409794.jpg" },
|
||||
{ id: "5", name: "Alex Rivers", role: "Fan", company: "Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-sunglasses-posed-outdoor-street-sunset-against-gray-wall_627829-2738.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5k+",
|
||||
label: "Happy Fans",
|
||||
},
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Shirts Printed",
|
||||
},
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Average Rating",
|
||||
},
|
||||
{ value: "5k+", label: "Happy Fans" },
|
||||
{ value: "10k+", label: "Shirts Printed" },
|
||||
{ value: "4.9", label: "Average Rating" }
|
||||
]}
|
||||
title="Community Love"
|
||||
description="What our supporters are saying about their new threads."
|
||||
@@ -197,18 +107,8 @@ export default function LandingPage() {
|
||||
title="Why Choose ThreadInk?"
|
||||
description="We prioritize quality craftsmanship for every piece of apparel we ship."
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Premium Fabric",
|
||||
description: "Heavyweight cotton blends that maintain shape after every wash.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-office_23-2150062304.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Direct-to-Garment",
|
||||
description: "High-fidelity prints that feel soft and last for years.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-female-model-pajama-playing-with-her-hair-laughing-young-woman-green-pants-standing_197531-9399.jpg?_wi=2",
|
||||
},
|
||||
{ id: 1, title: "Premium Fabric", description: "Heavyweight cotton blends that maintain shape after every wash.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-office_23-2150062304.jpg" },
|
||||
{ id: 2, title: "Direct-to-Garment", description: "High-fidelity prints that feel soft and last for years.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-female-model-pajama-playing-with-her-hair-laughing-young-woman-green-pants-standing_197531-9399.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user