Merge version_1 into main #2
293
src/app/page.tsx
293
src/app/page.tsx
@@ -32,17 +32,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#catalog",
|
||||
},
|
||||
name: "Shop", id: "catalog"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Login",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="MODERN3D"
|
||||
/>
|
||||
@@ -51,60 +45,24 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Redefining Urban Fashion"
|
||||
description="Experience our exclusive collection of 3D-designed streetwear, crafted for the future of digital and physical fashion."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-male_23-2148884409.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-2929.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brunette-stylish-casual-girl-scarf-against-brick-place_627829-12129.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-female-shopper-applying-dress-with-hanger-looking-mirror-woman-choosing-clothes-fashion-store-shopping-retail-concept_74855-11792.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-wearing-lavender-colored-fashion-garments-color-year_23-2151386886.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#catalog",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-male_23-2148884409.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-2929.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/brunette-stylish-casual-girl-scarf-against-brick-place_627829-12129.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-female-shopper-applying-dress-with-hanger-looking-mirror-woman-choosing-clothes-fashion-store-shopping-retail-concept_74855-11792.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-man-wearing-lavender-colored-fashion-garments-color-year_23-2151386886.jpg", alt: "User 5" },
|
||||
]}
|
||||
buttons={[{ text: "Shop Collection", href: "#catalog" }]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Next-Gen Fabrics",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Metaverse Ready",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Limited Drops",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Shipping",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "3D Designed",
|
||||
},
|
||||
{ type: "text", text: "Next-Gen Fabrics" },
|
||||
{ type: "text", text: "Metaverse Ready" },
|
||||
{ type: "text", text: "Limited Drops" },
|
||||
{ type: "text", text: "Global Shipping" },
|
||||
{ type: "text", text: "3D Designed" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -113,48 +71,12 @@ export default function LandingPage() {
|
||||
<ProductCatalog
|
||||
layout="section"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Techwear Jacket",
|
||||
price: "$120",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/non-binary-person-leather-jacket-posing-graffiti-wall_23-2148760566.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Urban Sneakers",
|
||||
price: "$180",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clothing-store-with-blurred-effect_23-2148164711.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Cargo Pants",
|
||||
price: "$90",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150861914.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Graphic T-Shirt",
|
||||
price: "$45",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shirt-mockup-concept-with-plain-clothing_23-2149448735.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Knit Beanie",
|
||||
price: "$25",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/winter-clothes_1101-501.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Oversized Sweater",
|
||||
price: "$85",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-skateboard-grayscale_53876-165437.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Techwear Jacket", price: "$120", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/non-binary-person-leather-jacket-posing-graffiti-wall_23-2148760566.jpg" },
|
||||
{ id: "p2", name: "Urban Sneakers", price: "$180", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/clothing-store-with-blurred-effect_23-2148164711.jpg" },
|
||||
{ id: "p3", name: "Cargo Pants", price: "$90", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150861914.jpg" },
|
||||
{ id: "p4", name: "Graphic T-Shirt", price: "$45", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/shirt-mockup-concept-with-plain-clothing_23-2149448735.jpg" },
|
||||
{ id: "p5", name: "Knit Beanie", price: "$25", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/winter-clothes_1101-501.jpg" },
|
||||
{ id: "p6", name: "Oversized Sweater", price: "$85", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-skateboard-grayscale_53876-165437.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -166,40 +88,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Holographic Sizing",
|
||||
description: "Perfect fit with our proprietary sizing tech.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mannequins-clothes-shop_23-2147652033.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-wavy-swirly-texture_23-2151837739.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-industry-showcases-elegant-garment-collection-stage-generated-by-ai_188544-17006.jpg",
|
||||
imageAlt: "tech clothing interface",
|
||||
title: "Holographic Sizing", description: "Perfect fit with our proprietary sizing tech.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/mannequins-clothes-shop_23-2147652033.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/colorful-wavy-swirly-texture_23-2151837739.jpg" },
|
||||
},
|
||||
{
|
||||
title: "Premium Materials",
|
||||
description: "High-durability textiles designed for longevity.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-grey-fabric-wallpaper_23-2148377177.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861876.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/non-binary-person-leather-jacket-posing-graffiti-wall_23-2148760566.jpg?_wi=2",
|
||||
imageAlt: "tech clothing interface",
|
||||
title: "Premium Materials", description: "High-durability textiles designed for longevity.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/minimalist-grey-fabric-wallpaper_23-2148377177.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861876.jpg" },
|
||||
},
|
||||
{
|
||||
title: "Digital Assets",
|
||||
description: "Wear the same item in our Metaverse shop.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-concept_23-2151896851.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thread-rough-wrinkled-design-element-studio-shot_1122-2406.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clothing-store-with-blurred-effect_23-2148164711.jpg?_wi=2",
|
||||
imageAlt: "tech clothing interface",
|
||||
title: "Digital Assets", description: "Wear the same item in our Metaverse shop.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-concept_23-2151896851.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/thread-rough-wrinkled-design-element-studio-shot_1122-2406.jpg" },
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -212,31 +110,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man_23-2148884362.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jamie S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-curly-woman-stylish-v-neck-floral-dress-smiles-sincerely-holds-pen-poses-office-fashion-designer_197531-24074.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Taylor M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-tanned-woman-dark-glasses-listening-music-white-earphones-charming-hispanic-lady-trendy-jacket-carrying-purchases-walking-street_197531-25114.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Chris B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-shopping-bags-medium-shot_23-2149313457.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jordan P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-bicycle-gear_1170-2511.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alex R.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man_23-2148884362.jpg" },
|
||||
{ id: "2", name: "Jamie S.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-curly-woman-stylish-v-neck-floral-dress-smiles-sincerely-holds-pen-poses-office-fashion-designer_197531-24074.jpg" },
|
||||
{ id: "3", name: "Taylor M.", imageSrc: "http://img.b2bpic.net/free-photo/serious-tanned-woman-dark-glasses-listening-music-white-earphones-charming-hispanic-lady-trendy-jacket-carrying-purchases-walking-street_197531-25114.jpg" },
|
||||
{ id: "4", name: "Chris B.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-shopping-bags-medium-shot_23-2149313457.jpg" },
|
||||
{ id: "5", name: "Jordan P.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-bicycle-gear_1170-2511.jpg" },
|
||||
]}
|
||||
cardTitle="What our customers think"
|
||||
cardTag="Community"
|
||||
@@ -250,27 +128,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
title: "Products Sold",
|
||||
description: "Satisfied customers globally.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904311.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
title: "Satisfaction Rate",
|
||||
description: "Based on verified reviews.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-office-desk-with-growth-chart-copy-space_23-2148780606.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50+",
|
||||
title: "Countries",
|
||||
description: "Global reach.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-shirt-tie-drawing-arrow_1134-471.jpg",
|
||||
},
|
||||
{ id: "m1", value: "10k+", title: "Products Sold", description: "Satisfied customers globally.", imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904311.jpg" },
|
||||
{ id: "m2", value: "98%", title: "Satisfaction Rate", description: "Based on verified reviews.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-office-desk-with-growth-chart-copy-space_23-2148780606.jpg" },
|
||||
{ id: "m3", value: "50+", title: "Countries", description: "Global reach.", imageSrc: "http://img.b2bpic.net/free-photo/man-with-shirt-tie-drawing-arrow_1134-471.jpg" },
|
||||
]}
|
||||
title="Scaling Fashion"
|
||||
description="Evidence-backed growth in the digital retail space."
|
||||
@@ -284,30 +144,10 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "3D Artist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businesswoman-standing-with-laptop_23-2147787650.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark D.",
|
||||
role: "Tech Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teammates-working-late-office_23-2148991369.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena K.",
|
||||
role: "Marketing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-entrepreneur-having-online-business-meeting-from-home_637285-12729.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Paul V.",
|
||||
role: "Fashion Buyer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29548.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", role: "3D Artist", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businesswoman-standing-with-laptop_23-2147787650.jpg" },
|
||||
{ id: "t2", name: "Mark D.", role: "Tech Lead", imageSrc: "http://img.b2bpic.net/free-photo/teammates-working-late-office_23-2148991369.jpg" },
|
||||
{ id: "t3", name: "Elena K.", role: "Marketing", imageSrc: "http://img.b2bpic.net/free-photo/happy-entrepreneur-having-online-business-meeting-from-home_637285-12729.jpg" },
|
||||
{ id: "t4", name: "Paul V.", role: "Fashion Buyer", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29548.jpg" },
|
||||
]}
|
||||
title="Meet the Minds"
|
||||
description="The creative force behind the future of clothing."
|
||||
@@ -319,21 +159,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you ship internationally?",
|
||||
content: "Yes, we ship to over 50 countries worldwide with tracked courier services.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How do 3D designs work?",
|
||||
content: "Our designs start in high-end CAD software for precision modeling before we move to production.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I return items?",
|
||||
content: "We offer a 30-day return policy for all unworn apparel.",
|
||||
},
|
||||
{ id: "f1", title: "Do you ship internationally?", content: "Yes, we ship to over 50 countries worldwide with tracked courier services." },
|
||||
{ id: "f2", title: "How do 3D designs work?", content: "Our designs start in high-end CAD software for precision modeling before we move to production." },
|
||||
{ id: "f3", title: "Can I return items?", content: "We offer a 30-day return policy for all unworn apparel." },
|
||||
]}
|
||||
title="Frequent Questions"
|
||||
description="Answers to common queries about our process and shipping."
|
||||
@@ -344,18 +172,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get in touch"
|
||||
title="Ready to upgrade your wardrobe?"
|
||||
description="Sign in or register today for exclusive access to our newest seasonal drops."
|
||||
buttons={[
|
||||
{
|
||||
text: "Login / Sign Up",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Login / Sign Up", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -363,29 +184,15 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#catalog",
|
||||
},
|
||||
{
|
||||
label: "Best Sellers",
|
||||
href: "#",
|
||||
},
|
||||
title: "Shop", items: [
|
||||
{ label: "New Arrivals", href: "#catalog" },
|
||||
{ label: "Best Sellers", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user