Merge version_1 into main #2
331
src/app/page.tsx
331
src/app/page.tsx
@@ -28,132 +28,45 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Quality",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Collection", id: "products" },
|
||||
{ name: "Quality", id: "features" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
]}
|
||||
brandName="Lumina Apparel"
|
||||
button={{ text: "Shop Now", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Timeless Essentials for Modern Living"
|
||||
description="Discover the art of refined apparel, crafted with sustainable materials and designed for longevity. Elevate your daily wardrobe with pieces that bridge the gap between comfort and style."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alice R.",
|
||||
handle: "@alicer",
|
||||
testimonial: "The quality of the fabric is unmatched. These pieces feel like a second skin.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-dressed-white-dress-red-hat-sunglasses-sitting-summer-open-air-theatre-chair-alone-spring-street-style-fashion-trend-accessories-traveling-with-backpack-waving-hand_285396-4529.jpg?_wi=1",
|
||||
imageAlt: "elegant fashion model posing outdoor",
|
||||
},
|
||||
{
|
||||
name: "Marcus V.",
|
||||
handle: "@mv_style",
|
||||
testimonial: "Perfect fit and minimalist aesthetic. My go-to brand for daily essentials.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clothes-clothing-shop_23-2148164762.jpg?_wi=1",
|
||||
imageAlt: "quality fabric close up textile",
|
||||
},
|
||||
{
|
||||
name: "Elena K.",
|
||||
handle: "@elena_k",
|
||||
testimonial: "Ethical production combined with timeless design. Truly worth every penny.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-oil-near-artichokes-salt_23-2147711268.jpg?_wi=1",
|
||||
imageAlt: "linen shirt folded product photography",
|
||||
},
|
||||
{
|
||||
name: "Sam T.",
|
||||
handle: "@sam_t",
|
||||
testimonial: "Sophisticated, comfortable, and durable. The perfect blend for modern life.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/call-me-back-positive-lovely-woman-does-phone-gesture-makes-sign-asks-being-touch-smiles-happily-has-friendly-look-wears-winter-jumper-isolated-beige-wall-body-language-concept_273609-26375.jpg?_wi=1",
|
||||
imageAlt: "modern wool sweater beige",
|
||||
},
|
||||
{
|
||||
name: "Jordan P.",
|
||||
handle: "@jordan_p",
|
||||
testimonial: "Finally, a brand that prioritizes both form and function. Incredible quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-casual-outfits-going-up-stairs_114579-11469.jpg?_wi=1",
|
||||
imageAlt: "cotton trousers minimalist design",
|
||||
},
|
||||
{ name: "Alice R.", handle: "@alicer", testimonial: "The quality of the fabric is unmatched. These pieces feel like a second skin.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-dressed-white-dress-red-hat-sunglasses-sitting-summer-open-air-theatre-chair-alone-spring-street-style-fashion-trend-accessories-traveling-with-backpack-waving-hand_285396-4529.jpg", imageAlt: "elegant fashion model posing outdoor" },
|
||||
{ name: "Marcus V.", handle: "@mv_style", testimonial: "Perfect fit and minimalist aesthetic. My go-to brand for daily essentials.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/clothes-clothing-shop_23-2148164762.jpg", imageAlt: "quality fabric close up textile" },
|
||||
{ name: "Elena K.", handle: "@elena_k", testimonial: "Ethical production combined with timeless design. Truly worth every penny.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/glass-oil-near-artichokes-salt_23-2147711268.jpg", imageAlt: "linen shirt folded product photography" },
|
||||
{ name: "Sam T.", handle: "@sam_t", testimonial: "Sophisticated, comfortable, and durable. The perfect blend for modern life.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/call-me-back-positive-lovely-woman-does-phone-gesture-makes-sign-asks-being-touch-smiles-happily-has-friendly-look-wears-winter-jumper-isolated-beige-wall-body-language-concept_273609-26375.jpg", imageAlt: "modern wool sweater beige" },
|
||||
{ name: "Jordan P.", handle: "@jordan_p", testimonial: "Finally, a brand that prioritizes both form and function. Incredible quality.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-casual-outfits-going-up-stairs_114579-11469.jpg", imageAlt: "cotton trousers minimalist design" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/attractive-woman-dressed-white-dress-red-hat-sunglasses-sitting-summer-open-air-theatre-chair-alone-spring-street-style-fashion-trend-accessories-traveling-with-backpack-waving-hand_285396-4529.jpg?_wi=2"
|
||||
buttons={[{ text: "Shop Collection", href: "#products" }, { text: "Our Story", href: "#features" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/attractive-woman-dressed-white-dress-red-hat-sunglasses-sitting-summer-open-air-theatre-chair-alone-spring-street-style-fashion-trend-accessories-traveling-with-backpack-waving-hand_285396-4529.jpg"
|
||||
imageAlt="Model wearing our latest luxury linen collection"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-looking-jacket_23-2149241360.jpg",
|
||||
alt: "Alice R.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-3400.jpg",
|
||||
alt: "Marcus V.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020769.jpg",
|
||||
alt: "Elena K.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tender-african-woman-sleepwear-sitting-bed-home-smiling_176420-12801.jpg",
|
||||
alt: "Sam T.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-looking-trendy-girl-casual-summer-yellow-t-shirt-clothes_158538-1129.jpg",
|
||||
alt: "Jordan P.",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-looking-jacket_23-2149241360.jpg", alt: "Alice R." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-3400.jpg", alt: "Marcus V." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020769.jpg", alt: "Elena K." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/tender-african-woman-sleepwear-sitting-bed-home-smiling_176420-12801.jpg", alt: "Sam T." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-looking-trendy-girl-casual-summer-yellow-t-shirt-clothes_158538-1129.jpg", alt: "Jordan P." },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Sourcing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisan Craftsmanship",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Timeless Aesthetics",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Carbon Neutral",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Materials",
|
||||
},
|
||||
{ type: "text", text: "Sustainable Sourcing" },
|
||||
{ type: "text", text: "Artisan Craftsmanship" },
|
||||
{ type: "text", text: "Timeless Aesthetics" },
|
||||
{ type: "text", text: "Carbon Neutral" },
|
||||
{ type: "text", text: "Premium Materials" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -165,24 +78,9 @@ export default function LandingPage() {
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Sustainable Sourcing",
|
||||
description: "Ethically harvested organic cotton and linen from trusted partners.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clothes-clothing-shop_23-2148164762.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Artisan Craftsmanship",
|
||||
description: "Small-batch production ensures precision and care in every single garment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clothes-clothing-shop_23-2148164762.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Timeless Aesthetics",
|
||||
description: "Designed to outlast trends and stay relevant in your wardrobe for years.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clothes-clothing-shop_23-2148164762.jpg?_wi=4",
|
||||
},
|
||||
{ id: "f1", title: "Sustainable Sourcing", description: "Ethically harvested organic cotton and linen from trusted partners.", imageSrc: "http://img.b2bpic.net/free-photo/clothes-clothing-shop_23-2148164762.jpg" },
|
||||
{ id: "f2", title: "Artisan Craftsmanship", description: "Small-batch production ensures precision and care in every single garment.", imageSrc: "http://img.b2bpic.net/free-photo/clothes-clothing-shop_23-2148164762.jpg" },
|
||||
{ id: "f3", title: "Timeless Aesthetics", description: "Designed to outlast trends and stay relevant in your wardrobe for years.", imageSrc: "http://img.b2bpic.net/free-photo/clothes-clothing-shop_23-2148164762.jpg" },
|
||||
]}
|
||||
title="Crafted with Intent"
|
||||
description="We believe in less, but better. Every stitch serves a purpose, and every material is chosen for its enduring quality and minimal impact on the environment."
|
||||
@@ -196,42 +94,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Signature Linen Shirt",
|
||||
price: "$128",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-oil-near-artichokes-salt_23-2147711268.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Classic Wool Crewneck",
|
||||
price: "$185",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/call-me-back-positive-lovely-woman-does-phone-gesture-makes-sign-asks-being-touch-smiles-happily-has-friendly-look-wears-winter-jumper-isolated-beige-wall-body-language-concept_273609-26375.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Relaxed Cotton Trousers",
|
||||
price: "$145",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-casual-outfits-going-up-stairs_114579-11469.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Silk Blend Blouse",
|
||||
price: "$160",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clean-bathrobe-bed_1232-3420.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Heritage Denim Jacket",
|
||||
price: "$210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-slim-sexy-girl-jeans-jacket-flannel-shirt-leani_613910-8770.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Essential Daily Tee",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-curly-hair-posing_23-2148973995.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Signature Linen Shirt", price: "$128", imageSrc: "http://img.b2bpic.net/free-photo/glass-oil-near-artichokes-salt_23-2147711268.jpg" },
|
||||
{ id: "p2", name: "Classic Wool Crewneck", price: "$185", imageSrc: "http://img.b2bpic.net/free-photo/call-me-back-positive-lovely-woman-does-phone-gesture-makes-sign-asks-being-touch-smiles-happily-has-friendly-look-wears-winter-jumper-isolated-beige-wall-body-language-concept_273609-26375.jpg" },
|
||||
{ id: "p3", name: "Relaxed Cotton Trousers", price: "$145", imageSrc: "http://img.b2bpic.net/free-photo/man-casual-outfits-going-up-stairs_114579-11469.jpg" },
|
||||
{ id: "p4", name: "Silk Blend Blouse", price: "$160", imageSrc: "http://img.b2bpic.net/free-photo/clean-bathrobe-bed_1232-3420.jpg" },
|
||||
{ id: "p5", name: "Heritage Denim Jacket", price: "$210", imageSrc: "http://img.b2bpic.net/free-photo/young-slim-sexy-girl-jeans-jacket-flannel-shirt-leani_613910-8770.jpg" },
|
||||
{ id: "p6", name: "Essential Daily Tee", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-curly-hair-posing_23-2148973995.jpg" },
|
||||
]}
|
||||
title="New Season Arrivals"
|
||||
description="Explore our curated collection of essential apparel pieces."
|
||||
@@ -244,61 +112,13 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sophia L.",
|
||||
role: "Creative Director",
|
||||
company: "Lumina Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-looking-jacket_23-2149241360.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "James P.",
|
||||
role: "Architect",
|
||||
company: "Urban Living",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-3400.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mia D.",
|
||||
role: "Photographer",
|
||||
company: "Studio Light",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020769.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Robert B.",
|
||||
role: "Editor",
|
||||
company: "Daily Press",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tender-african-woman-sleepwear-sitting-bed-home-smiling_176420-12801.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Chloe M.",
|
||||
role: "Designer",
|
||||
company: "ConceptCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-looking-trendy-girl-casual-summer-yellow-t-shirt-clothes_158538-1129.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "10K+",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Avg. Rating",
|
||||
},
|
||||
{
|
||||
value: "50+",
|
||||
label: "Global Partners",
|
||||
},
|
||||
{ id: "t1", name: "Sophia L.", role: "Creative Director", company: "Lumina Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-looking-jacket_23-2149241360.jpg" },
|
||||
{ id: "t2", name: "James P.", role: "Architect", company: "Urban Living", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-3400.jpg" },
|
||||
{ id: "t3", name: "Mia D.", role: "Photographer", company: "Studio Light", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020769.jpg" },
|
||||
{ id: "t4", name: "Robert B.", role: "Editor", company: "Daily Press", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/tender-african-woman-sleepwear-sitting-bed-home-smiling_176420-12801.jpg" },
|
||||
{ id: "t5", name: "Chloe M.", role: "Designer", company: "ConceptCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-looking-trendy-girl-casual-summer-yellow-t-shirt-clothes_158538-1129.jpg" },
|
||||
]}
|
||||
kpiItems={[{ value: "10K+", label: "Happy Clients" }, { value: "4.9/5", label: "Avg. Rating" }, { value: "50+", label: "Global Partners" }]}
|
||||
title="Loved by Our Community"
|
||||
description="Hear what our customers have to say about the quality, style, and comfort of Lumina Apparel."
|
||||
/>
|
||||
@@ -312,36 +132,9 @@ export default function LandingPage() {
|
||||
title="Our Global Impact"
|
||||
description="We are committed to transparency and measurable progress in everything we do."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "95%",
|
||||
title: "Renewable Materials",
|
||||
items: [
|
||||
"Organic Cotton",
|
||||
"Recycled Linen",
|
||||
"Bamboo Fiber",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12",
|
||||
title: "Artisan Workshops",
|
||||
items: [
|
||||
"Fair Wages",
|
||||
"Safe Environment",
|
||||
"Local Support",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "0",
|
||||
title: "Plastic Packaging",
|
||||
items: [
|
||||
"Compostable Mailers",
|
||||
"Recycled Paper",
|
||||
"Zero Waste",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "95%", title: "Renewable Materials", items: ["Organic Cotton", "Recycled Linen", "Bamboo Fiber"] },
|
||||
{ id: "m2", value: "12", title: "Artisan Workshops", items: ["Fair Wages", "Safe Environment", "Local Support"] },
|
||||
{ id: "m3", value: "0", title: "Plastic Packaging", items: ["Compostable Mailers", "Recycled Paper", "Zero Waste"] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -350,45 +143,9 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Lumina Apparel"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Best Sellers",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Brand",
|
||||
items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Quality",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Shop", items: [{ label: "New Arrivals", href: "#products" }, { label: "Best Sellers", href: "#products" }] },
|
||||
{ title: "Brand", items: [{ label: "Our Story", href: "#features" }, { label: "Quality", href: "#features" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 Lumina Apparel. All rights reserved."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user