Merge version_1 into main #1
286
src/app/page.tsx
286
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
]}
|
||||
brandName="FashionPromptAI"
|
||||
/>
|
||||
@@ -57,71 +45,21 @@ export default function LandingPage() {
|
||||
title="Revolutionize Your Fashion Design Workflow"
|
||||
description="Generate precise, creative design prompts and bridge the gap between ideation and 3D fashion modeling with AI."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah.fashion",
|
||||
testimonial: "The generator eliminated my creative blocks instantly. It's a game changer.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67156.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marcus R.",
|
||||
handle: "@design.director",
|
||||
testimonial: "Seamless integration with Style3D AI has cut our production time significantly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-blue-shirt_158595-1024.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena P.",
|
||||
handle: "@elena.pattern",
|
||||
testimonial: "A must-have for any serious design studio.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-personal-shopper-working_23-2148924145.jpg",
|
||||
},
|
||||
{
|
||||
name: "David K.",
|
||||
handle: "@david.k",
|
||||
testimonial: "Precision is key, and this delivers every time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-store_23-2149241377.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sophie M.",
|
||||
handle: "@sophie.m",
|
||||
testimonial: "I cannot imagine going back to manual prompting.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-woman-with-white-jacket-just-standing-pink-background-lady-emotions-fashion-feeling-color-woman_140725-99194.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Designing",
|
||||
href: "#contact",
|
||||
},
|
||||
{ name: "Sarah J.", handle: "@sarah.fashion", testimonial: "The generator eliminated my creative blocks instantly. It's a game changer.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67156.jpg" },
|
||||
{ name: "Marcus R.", handle: "@design.director", testimonial: "Seamless integration with Style3D AI has cut our production time significantly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-blue-shirt_158595-1024.jpg" },
|
||||
{ name: "Elena P.", handle: "@elena.pattern", testimonial: "A must-have for any serious design studio.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/gen-stock-rsv-21" },
|
||||
{ name: "David K.", handle: "@david.k", testimonial: "Precision is key, and this delivers every time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/gen-stock-rsv-22" },
|
||||
{ name: "Sophie M.", handle: "@sophie.m", testimonial: "I cannot imagine going back to manual prompting.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/gen-stock-rsv-23" }
|
||||
]}
|
||||
buttons={[{ text: "Start Designing", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137357.jpg"
|
||||
imageAlt="Fashion design AI dashboard"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg",
|
||||
alt: "Fashion expert 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-grey-shirt_158595-900.jpg",
|
||||
alt: "Fashion expert 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-adult-businesswoman-posing_23-2148452676.jpg",
|
||||
alt: "Fashion expert 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-purple-shirt_158595-909.jpg",
|
||||
alt: "Fashion expert 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-adult-woman-near-clothes-rack_23-2147771894.jpg",
|
||||
alt: "Fashion expert 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/gen-stock-rsv-16", alt: "Fashion expert 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/gen-stock-rsv-17", alt: "Fashion expert 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/gen-stock-rsv-18", alt: "Fashion expert 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/gen-stock-rsv-19", alt: "Fashion expert 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/gen-stock-rsv-20", alt: "Fashion expert 5" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -143,27 +81,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "NLP Garment Prompts",
|
||||
description: "Highly descriptive prompts based on your style and fabric preferences.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-fashion-design-sketch-paper_23-2151487012.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-wavy-folds-background_1048-16158.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
{
|
||||
title: "Style3D Integration",
|
||||
description: "Seamlessly export design concepts directly to your 3D modeling workflow.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-online-avatar-design_23-2149699879.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862176.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
{
|
||||
title: "Optimized Workflow",
|
||||
description: "Reduce sample costs and brainstorming cycles with precision-engineered prompts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-concept_23-2151896857.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/top-view-microperforated-sheets-still-life_23-2150260317.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
{ title: "NLP Garment Prompts", description: "Highly descriptive prompts based on your style and fabric preferences.", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-fashion-design-sketch-paper_23-2151487012.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-wavy-folds-background_1048-16158.jpg", buttonText: "Learn More" },
|
||||
{ title: "Style3D Integration", description: "Seamlessly export design concepts directly to your 3D modeling workflow.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-online-avatar-design_23-2149699879.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862176.jpg", buttonText: "Learn More" },
|
||||
{ title: "Optimized Workflow", description: "Reduce sample costs and brainstorming cycles with precision-engineered prompts.", imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-concept_23-2151896857.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/top-view-microperforated-sheets-still-life_23-2150260317.jpg", buttonText: "Learn More" }
|
||||
]}
|
||||
title="Engineered for Creative Precision"
|
||||
description="Unlock advanced tools built specifically for the needs of modern fashion designers and directors."
|
||||
@@ -176,33 +96,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "40%",
|
||||
title: "Time Saved",
|
||||
items: [
|
||||
"Conceptualization stage",
|
||||
"Iterative design cycles",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2x",
|
||||
title: "Design Output",
|
||||
items: [
|
||||
"More concept variations",
|
||||
"Faster sample cycles",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Cohesive Vision",
|
||||
items: [
|
||||
"Unified design language",
|
||||
"Clear team communication",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "40%", title: "Time Saved", items: ["Conceptualization stage", "Iterative design cycles"] },
|
||||
{ id: "m2", value: "2x", title: "Design Output", items: ["More concept variations", "Faster sample cycles"] },
|
||||
{ id: "m3", value: "100%", title: "Cohesive Vision", items: ["Unified design language", "Clear team communication"] }
|
||||
]}
|
||||
title="Measurable Design Excellence"
|
||||
description="Tangible benefits for designers and established brands alike."
|
||||
@@ -215,30 +111,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
team={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Fashion Designers",
|
||||
role: "Creative Ideation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-smiling_23-2148452673.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Creative Directors",
|
||||
role: "Collection Strategy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-shopping-buying-consumer-products-customer-day-celebration_23-2151623491.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Pattern Makers",
|
||||
role: "Technical Precision",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-indian-woman-wear-formal-posing-cafe_627829-4625.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Stylists",
|
||||
role: "Trend Analysis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man_158595-231.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Fashion Designers", role: "Creative Ideation", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-smiling_23-2148452673.jpg" },
|
||||
{ id: "t2", name: "Creative Directors", role: "Collection Strategy", imageSrc: "http://img.b2bpic.net/free-photo/women-shopping-buying-consumer-products-customer-day-celebration_23-2151623491.jpg" },
|
||||
{ id: "t3", name: "Pattern Makers", role: "Technical Precision", imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-indian-woman-wear-formal-posing-cafe_627829-4625.jpg" },
|
||||
{ id: "t4", name: "Stylists", role: "Trend Analysis", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man_158595-231.jpg" }
|
||||
]}
|
||||
title="Who It's For"
|
||||
description="Built for every professional shaping the future of fashion."
|
||||
@@ -247,44 +123,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "v1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah.design",
|
||||
testimonial: "An indispensable part of my workflow now.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924153.jpg",
|
||||
},
|
||||
{
|
||||
id: "v2",
|
||||
name: "Marcus R.",
|
||||
handle: "@director.marcus",
|
||||
testimonial: "Clear prompts make all the difference in the studio.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924141.jpg",
|
||||
},
|
||||
{
|
||||
id: "v3",
|
||||
name: "Elena P.",
|
||||
handle: "@elena.pattern",
|
||||
testimonial: "Finally, an AI that understands fabric structure.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/non-binary-person-wearing-retro-clothes_23-2148757535.jpg",
|
||||
},
|
||||
{
|
||||
id: "v4",
|
||||
name: "David K.",
|
||||
handle: "@brand.manager",
|
||||
testimonial: "Reduced our sample costs and expedited production.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-holding-sunglasses_23-2149105479.jpg",
|
||||
},
|
||||
{
|
||||
id: "v5",
|
||||
name: "Sophie M.",
|
||||
handle: "@sophie.stylist",
|
||||
testimonial: "Fresh inspiration every single time I use it.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-posing-dark-sweater-standing-near-lamps_114579-81908.jpg",
|
||||
},
|
||||
{ id: "v1", name: "Sarah J.", handle: "@sarah.design", testimonial: "An indispensable part of my workflow now.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924153.jpg" },
|
||||
{ id: "v2", name: "Marcus R.", handle: "@director.marcus", testimonial: "Clear prompts make all the difference in the studio.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924141.jpg" },
|
||||
{ id: "v3", name: "Elena P.", handle: "@elena.pattern", testimonial: "Finally, an AI that understands fabric structure.", imageSrc: "http://img.b2bpic.net/free-photo/non-binary-person-wearing-retro-clothes_23-2148757535.jpg" },
|
||||
{ id: "v4", name: "David K.", handle: "@brand.manager", testimonial: "Reduced our sample costs and expedited production.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-holding-sunglasses_23-2149105479.jpg" },
|
||||
{ id: "v5", name: "Sophie M.", handle: "@sophie.stylist", testimonial: "Fresh inspiration every single time I use it.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-posing-dark-sweater-standing-near-lamps_114579-81908.jpg" }
|
||||
]}
|
||||
title="Hear From The Industry"
|
||||
description="Trusted by visionary designers across the globe."
|
||||
@@ -296,21 +143,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Does it integrate with other platforms?",
|
||||
content: "Our primary integration is with Style3D AI for optimized modeling.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is it suitable for beginners?",
|
||||
content: "Yes, it lowers the entry barrier for emerging designers by providing instant inspiration.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I customize the prompts?",
|
||||
content: "Absolutely, the tool takes your specific style and fabric inputs for tailored outputs.",
|
||||
},
|
||||
{ id: "q1", title: "Does it integrate with other platforms?", content: "Our primary integration is with Style3D AI for optimized modeling." },
|
||||
{ id: "q2", title: "Is it suitable for beginners?", content: "Yes, it lowers the entry barrier for emerging designers by providing instant inspiration." },
|
||||
{ id: "q3", title: "Can I customize the prompts?", content: "Absolutely, the tool takes your specific style and fabric inputs for tailored outputs." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our AI design tool."
|
||||
@@ -321,63 +156,20 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get Started"
|
||||
title="Ready to Transform Your Design Process?"
|
||||
description="Sign up today to start generating professional-grade fashion concepts in seconds."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Sales",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Sales", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Integration",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Integration", href: "#features" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] }
|
||||
]}
|
||||
logoText="FashionPromptAI"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user