Merge version_2 into main #1
275
src/app/page.tsx
275
src/app/page.tsx
@@ -32,87 +32,54 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collections", id: "products"},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
name: "Our Story", id: "about"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="TheUniqLoom"
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
}}
|
||||
text: "Shop Now", href: "#products"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Wear the Extraordinary"
|
||||
description="TheUniqLoom brings your vision to life with premium, sustainable print-on-demand apparel. Unique designs, made just for you."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pink-hair-girl-avantgarde-style-wearing-sunglasses_114579-19318.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pink-hair-girl-avantgarde-style-wearing-sunglasses_114579-19318.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-clothes_23-2149731143.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-clothes_23-2149731143.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-fashion-male-posing-street-background-outdoors-sunset-crossed-arms_158538-20634.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-fashion-male-posing-street-background-outdoors-sunset-crossed-arms_158538-20634.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-trendy-woman-with-dark-hair-red-lips-is-posing-camera-city-background_291650-2079.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-trendy-woman-with-dark-hair-red-lips-is-posing-camera-city-background_291650-2079.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-customer-with-paper-bags_23-2147652065.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-customer-with-paper-bags_23-2147652065.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Loved by 5,000+ fashion enthusiasts"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Limited Drops", href: "#products"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Cotton",
|
||||
},
|
||||
type: "text", text: "Sustainable Cotton"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Worldwide Shipping",
|
||||
},
|
||||
type: "text", text: "Worldwide Shipping"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ethical Production",
|
||||
},
|
||||
type: "text", text: "Ethical Production"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Unique Art Prints",
|
||||
},
|
||||
type: "text", text: "Unique Art Prints"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Quality",
|
||||
},
|
||||
type: "text", text: "Premium Quality"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -122,24 +89,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Crafting Stories in ",
|
||||
},
|
||||
type: "text", content: "Crafting Stories in "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/young-cheerful-woman-with-dark-curly-hair-sitting-table-happily-showing-fashion-sketch-laptop-while-spending-time-modern-cozy-workshop-with-big-windows_574295-500.jpg",
|
||||
alt: "Design process",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/young-cheerful-woman-with-dark-curly-hair-sitting-table-happily-showing-fashion-sketch-laptop-while-spending-time-modern-cozy-workshop-with-big-windows_574295-500.jpg", alt: "Design process"},
|
||||
{
|
||||
type: "text",
|
||||
content: " Every Stitch",
|
||||
},
|
||||
type: "text", content: " Every Stitch"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -152,59 +110,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "UniqLoom",
|
||||
name: "Urban Abstract Tee",
|
||||
price: "$34.99",
|
||||
rating: 5,
|
||||
reviewCount: "128",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graphic-tshirt-trendy-design-mockup-presented-wooden-hanger_460848-14026.jpg",
|
||||
},
|
||||
id: "p1", brand: "UniqLoom", name: "Urban Abstract Tee", price: "$34.99", rating: 5,
|
||||
reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/graphic-tshirt-trendy-design-mockup-presented-wooden-hanger_460848-14026.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "UniqLoom",
|
||||
name: "Minimalist Script Hoodie",
|
||||
price: "$64.99",
|
||||
rating: 5,
|
||||
reviewCount: "92",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-happy-sweet-cute-smiling-blonde-woman-woman-casual-hipster-warm-white-sweater-clothes-glasses_158538-14527.jpg",
|
||||
},
|
||||
id: "p2", brand: "UniqLoom", name: "Minimalist Script Hoodie", price: "$64.99", rating: 5,
|
||||
reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-happy-sweet-cute-smiling-blonde-woman-woman-casual-hipster-warm-white-sweater-clothes-glasses_158538-14527.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "UniqLoom",
|
||||
name: "Retro Wave Sweatshirt",
|
||||
price: "$52.99",
|
||||
rating: 4,
|
||||
reviewCount: "75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-with-palm-leaf_23-2147781200.jpg",
|
||||
},
|
||||
id: "p3", brand: "UniqLoom", name: "Retro Wave Sweatshirt", price: "$52.99", rating: 4,
|
||||
reviewCount: "75", imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-with-palm-leaf_23-2147781200.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "UniqLoom",
|
||||
name: "Botanical Sketch Tee",
|
||||
price: "$32.99",
|
||||
rating: 5,
|
||||
reviewCount: "43",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-arabian-muslim-boy-with-originally-hair-sunglasses-posed-streets-against-brick-wall_627829-3156.jpg",
|
||||
},
|
||||
id: "p4", brand: "UniqLoom", name: "Botanical Sketch Tee", price: "$32.99", rating: 5,
|
||||
reviewCount: "43", imageSrc: "http://img.b2bpic.net/free-photo/stylish-arabian-muslim-boy-with-originally-hair-sunglasses-posed-streets-against-brick-wall_627829-3156.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "UniqLoom",
|
||||
name: "Modern Geometric Longsleeve",
|
||||
price: "$42.99",
|
||||
rating: 4,
|
||||
reviewCount: "56",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-chosing-white-shirt_1303-14670.jpg",
|
||||
},
|
||||
id: "p5", brand: "UniqLoom", name: "Modern Geometric Longsleeve", price: "$42.99", rating: 4,
|
||||
reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-photo/woman-chosing-white-shirt_1303-14670.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "UniqLoom",
|
||||
name: "Abstract Ink Hoodie",
|
||||
price: "$68.99",
|
||||
rating: 5,
|
||||
reviewCount: "101",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/happy-new-year-2025-text-typography-design-element-flyer-banner-poster-design_460848-18792.jpg",
|
||||
},
|
||||
id: "p6", brand: "UniqLoom", name: "Abstract Ink Hoodie", price: "$68.99", rating: 5,
|
||||
reviewCount: "101", imageSrc: "http://img.b2bpic.net/free-vector/happy-new-year-2025-text-typography-design-element-flyer-banner-poster-design_460848-18792.jpg"},
|
||||
]}
|
||||
title="Featured Collections"
|
||||
description="Discover our latest drops, designed with passion and printed with care."
|
||||
@@ -218,26 +140,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Premium Materials",
|
||||
description: "100% organic cotton for ultimate comfort and durability.",
|
||||
tag: "Quality",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-creating-vision-board_23-2150061828.jpg",
|
||||
},
|
||||
id: "f1", title: "Premium Materials", description: "100% organic cotton for ultimate comfort and durability.", tag: "Quality", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-creating-vision-board_23-2150061828.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Customized Printing",
|
||||
description: "High-fidelity digital prints that stand the test of time.",
|
||||
tag: "Tech",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-looking-paintings-workbench_23-2147889851.jpg",
|
||||
},
|
||||
id: "f2", title: "Customized Printing", description: "High-fidelity digital prints that stand the test of time.", tag: "Tech", imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-looking-paintings-workbench_23-2147889851.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Rapid Fulfillment",
|
||||
description: "Your gear is printed and shipped within 48 hours.",
|
||||
tag: "Speed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/content-woman-delivering-ordered-parcels_23-2147767740.jpg",
|
||||
},
|
||||
id: "f3", title: "Rapid Fulfillment", description: "Your gear is printed and shipped within 48 hours.", tag: "Speed", imageSrc: "http://img.b2bpic.net/free-photo/content-woman-delivering-ordered-parcels_23-2147767740.jpg"},
|
||||
]}
|
||||
title="Why Choose TheUniqLoom?"
|
||||
description="Experience quality that makes a statement."
|
||||
@@ -249,14 +156,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Vogue",
|
||||
"Hypebeast",
|
||||
"GQ",
|
||||
"StreetwearDaily",
|
||||
"Fashionista",
|
||||
"Complex",
|
||||
"DesignHub",
|
||||
]}
|
||||
"Vogue", "Hypebeast", "GQ", "StreetwearDaily", "Fashionista", "Complex", "DesignHub"]}
|
||||
title="Seen On"
|
||||
description="Partnering with creators and influencers globally."
|
||||
/>
|
||||
@@ -268,45 +168,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Absolutely stunning",
|
||||
quote: "The print quality is unmatched. I've washed it ten times and it still looks new.",
|
||||
name: "Alex River",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-talking-phone_23-2149313449.jpg",
|
||||
},
|
||||
id: "t1", title: "Absolutely stunning", quote: "The print quality is unmatched. I've washed it ten times and it still looks new.", name: "Alex River", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-talking-phone_23-2149313449.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Perfect fit",
|
||||
quote: "Finally found a hoodie that fits perfectly and expresses my style.",
|
||||
name: "Jordan Smith",
|
||||
role: "Content Creator",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/client-wearing-fashion-clothes-kissing-gesture_23-2148674255.jpg",
|
||||
},
|
||||
id: "t2", title: "Perfect fit", quote: "Finally found a hoodie that fits perfectly and expresses my style.", name: "Jordan Smith", role: "Content Creator", imageSrc: "http://img.b2bpic.net/free-photo/client-wearing-fashion-clothes-kissing-gesture_23-2148674255.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Fast delivery",
|
||||
quote: "Ordered on Tuesday, arrived on Thursday. Extremely impressed.",
|
||||
name: "Casey J.",
|
||||
role: "Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/longhaired-woman-oversized-jacket-denim-pants-wearing-headphones-isolated-pretty-girl-listening-music-yellow-background_197531-29275.jpg",
|
||||
},
|
||||
id: "t3", title: "Fast delivery", quote: "Ordered on Tuesday, arrived on Thursday. Extremely impressed.", name: "Casey J.", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/longhaired-woman-oversized-jacket-denim-pants-wearing-headphones-isolated-pretty-girl-listening-music-yellow-background_197531-29275.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Unique designs",
|
||||
quote: "I get compliments everywhere I go. The designs are truly one of a kind.",
|
||||
name: "Riley K.",
|
||||
role: "Artist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clothes-sale_1098-13765.jpg",
|
||||
},
|
||||
id: "t4", title: "Unique designs", quote: "I get compliments everywhere I go. The designs are truly one of a kind.", name: "Riley K.", role: "Artist", imageSrc: "http://img.b2bpic.net/free-photo/clothes-sale_1098-13765.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Sustainability rocks",
|
||||
quote: "Love that they prioritize organic cotton and eco-friendly practices.",
|
||||
name: "Jamie T.",
|
||||
role: "Student",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-having-happy-excited-smile-while-standing-fashionable-summer-clothes-enjoying-sale-prices-shopping-city-mall-style-fashion-consumerism-purchase-concept_273609-820.jpg",
|
||||
},
|
||||
id: "t5", title: "Sustainability rocks", quote: "Love that they prioritize organic cotton and eco-friendly practices.", name: "Jamie T.", role: "Student", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-having-happy-excited-smile-while-standing-fashionable-summer-clothes-enjoying-sale-prices-shopping-city-mall-style-fashion-consumerism-purchase-concept_273609-820.jpg"},
|
||||
]}
|
||||
title="What Our Loom Community Says"
|
||||
description="Real stories from people who wear their values."
|
||||
@@ -319,20 +189,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How does print-on-demand work?",
|
||||
content: "We print your items individually upon order to reduce waste and ensure precision.",
|
||||
},
|
||||
id: "q1", title: "How does print-on-demand work?", content: "We print your items individually upon order to reduce waste and ensure precision."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What is the shipping time?",
|
||||
content: "Orders are typically processed within 48 hours and shipped via express courier.",
|
||||
},
|
||||
id: "q2", title: "What is the shipping time?", content: "Orders are typically processed within 48 hours and shipped via express courier."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I return custom items?",
|
||||
content: "Since every piece is made to order, returns are handled on a case-by-case basis.",
|
||||
},
|
||||
id: "q3", title: "Can I return custom items?", content: "Since every piece is made to order, returns are handled on a case-by-case basis."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-tailors-their-work_329181-14357.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -346,8 +207,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Join the Club"
|
||||
title="Get Exclusive Access"
|
||||
description="Sign up for early access to drops and exclusive design drops."
|
||||
@@ -360,50 +220,31 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "All Products", href: "#products"},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#",
|
||||
},
|
||||
label: "New Arrivals", href: "#"},
|
||||
{
|
||||
label: "Best Sellers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Best Sellers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Returns", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -414,4 +255,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user