Merge version_1 into main #1
@@ -26,33 +26,19 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Generate",
|
||||
id: "/generate",
|
||||
},
|
||||
name: "Generate", id: "/generate"},
|
||||
{
|
||||
name: "Library",
|
||||
id: "/library",
|
||||
},
|
||||
name: "Library", id: "/library"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "/pricing",
|
||||
},
|
||||
name: "Pricing", id: "/pricing"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
{
|
||||
name: "My Designs",
|
||||
id: "/dashboard",
|
||||
},
|
||||
name: "My Designs", id: "/dashboard"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/view-5th-may-mexican-pattern_23-2149362790.jpg"
|
||||
logoAlt="StitchVerse AI Logo"
|
||||
@@ -67,49 +53,20 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
products={[
|
||||
{
|
||||
id: "dash-1",
|
||||
name: "Celtic Knot Emerald",
|
||||
price: "Saved",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/celtic-music-festival-template-design_23-2150967856.jpg",
|
||||
imageAlt: "Celtic Knot Embroidery",
|
||||
},
|
||||
id: "dash-1", name: "Celtic Knot Emerald", price: "Saved", imageSrc: "http://img.b2bpic.net/free-psd/celtic-music-festival-template-design_23-2150967856.jpg", imageAlt: "Celtic Knot Embroidery"},
|
||||
{
|
||||
id: "dash-2",
|
||||
name: "Sugar Skull Vibrant",
|
||||
price: "Downloaded",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/master-painting-black-cup_114579-12041.jpg",
|
||||
imageAlt: "Sugar Skull Embroidery",
|
||||
},
|
||||
id: "dash-2", name: "Sugar Skull Vibrant", price: "Downloaded", imageSrc: "http://img.b2bpic.net/free-photo/master-painting-black-cup_114579-12041.jpg", imageAlt: "Sugar Skull Embroidery"},
|
||||
{
|
||||
id: "dash-3",
|
||||
name: "Mountain Landscape",
|
||||
price: "Favorite",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-pop-nature-landscape_23-2149140919.jpg",
|
||||
imageAlt: "Mountain Landscape Embroidery",
|
||||
},
|
||||
id: "dash-3", name: "Mountain Landscape", price: "Favorite", imageSrc: "http://img.b2bpic.net/free-photo/bright-pop-nature-landscape_23-2149140919.jpg", imageAlt: "Mountain Landscape Embroidery"},
|
||||
{
|
||||
id: "dash-4",
|
||||
name: "Celestial Galaxy",
|
||||
price: "Saved",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/geometric-3d-object-floating-cosmic-space_187299-47572.jpg",
|
||||
imageAlt: "Celestial Galaxy Embroidery",
|
||||
},
|
||||
id: "dash-4", name: "Celestial Galaxy", price: "Saved", imageSrc: "http://img.b2bpic.net/free-photo/geometric-3d-object-floating-cosmic-space_187299-47572.jpg", imageAlt: "Celestial Galaxy Embroidery"},
|
||||
{
|
||||
id: "dash-5",
|
||||
name: "Fairy Garden Magic",
|
||||
price: "Downloaded",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handmade-crochet-fairy-whimsical-garden_23-2151978353.jpg",
|
||||
imageAlt: "Fairy Garden Embroidery",
|
||||
},
|
||||
id: "dash-5", name: "Fairy Garden Magic", price: "Downloaded", imageSrc: "http://img.b2bpic.net/free-photo/handmade-crochet-fairy-whimsical-garden_23-2151978353.jpg", imageAlt: "Fairy Garden Embroidery"},
|
||||
{
|
||||
id: "dash-6",
|
||||
name: "Cyberpunk City",
|
||||
price: "Favorite",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/linear-flat-abstract-lines-pattern_23-2148953497.jpg",
|
||||
imageAlt: "Cyberpunk City Embroidery",
|
||||
},
|
||||
id: "dash-6", name: "Cyberpunk City", price: "Favorite", imageSrc: "http://img.b2bpic.net/free-vector/linear-flat-abstract-lines-pattern_23-2148953497.jpg", imageAlt: "Cyberpunk City Embroidery"},
|
||||
]}
|
||||
title="My Design Creations"
|
||||
description="Manage your generated designs, favorites, and downloads all in one place. Your personal hub for all things StitchVerse AI."
|
||||
@@ -121,25 +78,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
features={[
|
||||
{
|
||||
title: "Saved Prompts",
|
||||
description: "Keep track of your best prompts to easily recreate or iterate on past designs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/watercolor-paint-background-holi-festival_23-2148093742.jpg",
|
||||
imageAlt: "Saved prompt icon",
|
||||
},
|
||||
title: "Saved Prompts", description: "Keep track of your best prompts to easily recreate or iterate on past designs.", imageSrc: "http://img.b2bpic.net/free-photo/watercolor-paint-background-holi-festival_23-2148093742.jpg", imageAlt: "Saved prompt icon"},
|
||||
{
|
||||
title: "Recently Viewed",
|
||||
description: "Quickly jump back to designs you've recently explored or generated.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137389.jpg",
|
||||
imageAlt: "Recently viewed designs icon",
|
||||
},
|
||||
title: "Recently Viewed", description: "Quickly jump back to designs you've recently explored or generated.", imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137389.jpg", imageAlt: "Recently viewed designs icon"},
|
||||
{
|
||||
title: "AI Prompt Assistant Chatbot",
|
||||
description: "A floating chatbot helps you refine your ideas and write better prompts for stunning results.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/geometric-models-background-flat-design_23-2148359587.jpg",
|
||||
imageAlt: "AI chatbot icon",
|
||||
},
|
||||
title: "AI Prompt Assistant Chatbot", description: "A floating chatbot helps you refine your ideas and write better prompts for stunning results.", imageSrc: "http://img.b2bpic.net/free-vector/geometric-models-background-flat-design_23-2148359587.jpg", imageAlt: "AI chatbot icon"},
|
||||
]}
|
||||
title="Personalized AI Assistant"
|
||||
description="Access your saved prompts, recently viewed designs, and get AI-powered prompt assistance to spark new ideas."
|
||||
@@ -152,13 +98,9 @@ export default function LandingPage() {
|
||||
logoAlt="StitchVerse AI Logo"
|
||||
logoText="StitchVerse AI"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "/privacy",
|
||||
}}
|
||||
text: "Privacy Policy", href: "/privacy"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "/terms",
|
||||
}}
|
||||
text: "Terms of Service", href: "/terms"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
@@ -28,33 +28,19 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Generate",
|
||||
id: "/generate",
|
||||
},
|
||||
name: "Generate", id: "/generate"},
|
||||
{
|
||||
name: "Library",
|
||||
id: "/library",
|
||||
},
|
||||
name: "Library", id: "/library"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "/pricing",
|
||||
},
|
||||
name: "Pricing", id: "/pricing"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
{
|
||||
name: "My Designs",
|
||||
id: "/dashboard",
|
||||
},
|
||||
name: "My Designs", id: "/dashboard"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/view-5th-may-mexican-pattern_23-2149362790.jpg"
|
||||
logoAlt="StitchVerse AI Logo"
|
||||
@@ -69,6 +55,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
title="Your AI Embroidery Design Studio"
|
||||
description="Enter your prompt, choose your settings, and let StitchVerse AI create your next masterpiece. Get ready for cinematic loading animations!"
|
||||
/>
|
||||
@@ -81,23 +68,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "metric-1",
|
||||
icon: Gauge,
|
||||
title: "Stitch Calculator",
|
||||
value: "Estimate counts & time",
|
||||
},
|
||||
id: "metric-1", icon: Gauge,
|
||||
title: "Stitch Calculator", value: "Estimate counts & time"},
|
||||
{
|
||||
id: "metric-2",
|
||||
icon: Palette,
|
||||
title: "Color Recommendations",
|
||||
value: "AI-suggested palettes",
|
||||
},
|
||||
id: "metric-2", icon: Palette,
|
||||
title: "Color Recommendations", value: "AI-suggested palettes"},
|
||||
{
|
||||
id: "metric-3",
|
||||
icon: Award,
|
||||
title: "Gamification Progress",
|
||||
value: "Earn badges & ranks",
|
||||
},
|
||||
id: "metric-3", icon: Award,
|
||||
title: "Gamification Progress", value: "Earn badges & ranks"},
|
||||
]}
|
||||
title="Intelligent Design Insights"
|
||||
description="Harness the power of AI for precise calculations and smart recommendations to perfect your embroidery projects."
|
||||
@@ -109,25 +87,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
features={[
|
||||
{
|
||||
title: "AI Design Enhancer",
|
||||
description: "Upload existing images to improve quality, increase detail, and convert to embroidery patterns.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fashion-designer-browsing-pc-tablet_329181-17106.jpg",
|
||||
imageAlt: "AI enhancing embroidery design",
|
||||
},
|
||||
title: "AI Design Enhancer", description: "Upload existing images to improve quality, increase detail, and convert to embroidery patterns.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fashion-designer-browsing-pc-tablet_329181-17106.jpg", imageAlt: "AI enhancing embroidery design"},
|
||||
{
|
||||
title: "Style & Shape Customization",
|
||||
description: "Fine-tune your designs with specific styles (Floral, Geometric) and shapes (Circle, Freeform).",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workers-using-ai-computing-simulation_482257-75500.jpg",
|
||||
imageAlt: "Style and shape options",
|
||||
},
|
||||
title: "Style & Shape Customization", description: "Fine-tune your designs with specific styles (Floral, Geometric) and shapes (Circle, Freeform).", imageSrc: "http://img.b2bpic.net/free-photo/workers-using-ai-computing-simulation_482257-75500.jpg", imageAlt: "Style and shape options"},
|
||||
{
|
||||
title: "Fabric & Thread Density",
|
||||
description: "Optimize for different fabric types and control thread density for perfect stitch quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-twist-background_1048-17488.jpg",
|
||||
imageAlt: "Fabric and thread density controls",
|
||||
},
|
||||
title: "Fabric & Thread Density", description: "Optimize for different fabric types and control thread density for perfect stitch quality.", imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-twist-background_1048-17488.jpg", imageAlt: "Fabric and thread density controls"},
|
||||
]}
|
||||
title="Advanced Design Enhancements"
|
||||
description="Beyond generation, refine existing designs and unlock deeper customization for professional results."
|
||||
@@ -140,13 +107,9 @@ export default function LandingPage() {
|
||||
logoAlt="StitchVerse AI Logo"
|
||||
logoText="StitchVerse AI"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "/privacy",
|
||||
}}
|
||||
text: "Privacy Policy", href: "/privacy"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "/terms",
|
||||
}}
|
||||
text: "Terms of Service", href: "/terms"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
@@ -26,33 +26,19 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Generate",
|
||||
id: "/generate",
|
||||
},
|
||||
name: "Generate", id: "/generate"},
|
||||
{
|
||||
name: "Library",
|
||||
id: "/library",
|
||||
},
|
||||
name: "Library", id: "/library"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "/pricing",
|
||||
},
|
||||
name: "Pricing", id: "/pricing"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
{
|
||||
name: "My Designs",
|
||||
id: "/dashboard",
|
||||
},
|
||||
name: "My Designs", id: "/dashboard"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/view-5th-may-mexican-pattern_23-2149362790.jpg"
|
||||
logoAlt="StitchVerse AI Logo"
|
||||
@@ -67,49 +53,20 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
products={[
|
||||
{
|
||||
id: "lib-1",
|
||||
name: "Golden Dragon Ornate",
|
||||
price: "AI Generated",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fantastic-detailed-dragon_23-2151445877.jpg",
|
||||
imageAlt: "AI generated golden dragon embroidery",
|
||||
},
|
||||
id: "lib-1", name: "Golden Dragon Ornate", price: "AI Generated", imageSrc: "http://img.b2bpic.net/free-photo/fantastic-detailed-dragon_23-2151445877.jpg", imageAlt: "AI generated golden dragon embroidery"},
|
||||
{
|
||||
id: "lib-2",
|
||||
name: "Neon Geometric Vortex",
|
||||
price: "AI Generated",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/christmas-sweater-with-reindeer-shape_23-2149590303.jpg",
|
||||
imageAlt: "AI generated neon geometric embroidery",
|
||||
},
|
||||
id: "lib-2", name: "Neon Geometric Vortex", price: "AI Generated", imageSrc: "http://img.b2bpic.net/free-photo/christmas-sweater-with-reindeer-shape_23-2149590303.jpg", imageAlt: "AI generated neon geometric embroidery"},
|
||||
{
|
||||
id: "lib-3",
|
||||
name: "Pastel Floral Mandala",
|
||||
price: "AI Generated",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/elegant-mandala-design-decorative-background_1055-23895.jpg",
|
||||
imageAlt: "AI generated pastel floral mandala embroidery",
|
||||
},
|
||||
id: "lib-3", name: "Pastel Floral Mandala", price: "AI Generated", imageSrc: "http://img.b2bpic.net/free-vector/elegant-mandala-design-decorative-background_1055-23895.jpg", imageAlt: "AI generated pastel floral mandala embroidery"},
|
||||
{
|
||||
id: "lib-4",
|
||||
name: "Charming Cartoon Owl",
|
||||
price: "AI Generated",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-raccoon-whimsical-pink-forest_23-2152029032.jpg",
|
||||
imageAlt: "AI generated cartoon owl embroidery",
|
||||
},
|
||||
id: "lib-4", name: "Charming Cartoon Owl", price: "AI Generated", imageSrc: "http://img.b2bpic.net/free-photo/cute-raccoon-whimsical-pink-forest_23-2152029032.jpg", imageAlt: "AI generated cartoon owl embroidery"},
|
||||
{
|
||||
id: "lib-5",
|
||||
name: "Tribal Lion Head",
|
||||
price: "AI Generated",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-feathers-animal_116348-59.jpg",
|
||||
imageAlt: "AI generated tribal lion head embroidery",
|
||||
},
|
||||
id: "lib-5", name: "Tribal Lion Head", price: "AI Generated", imageSrc: "http://img.b2bpic.net/free-photo/pink-feathers-animal_116348-59.jpg", imageAlt: "AI generated tribal lion head embroidery"},
|
||||
{
|
||||
id: "lib-6",
|
||||
name: "Serene Cherry Blossom",
|
||||
price: "AI Generated",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-decorative-vector-floral-elements-design-page-decoration-element_1217-438.jpg",
|
||||
imageAlt: "AI generated cherry blossom embroidery",
|
||||
},
|
||||
id: "lib-6", name: "Serene Cherry Blossom", price: "AI Generated", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-decorative-vector-floral-elements-design-page-decoration-element_1217-438.jpg", imageAlt: "AI generated cherry blossom embroidery"},
|
||||
]}
|
||||
title="Explore Our Vast Design Library"
|
||||
description="Dive into hundreds of AI-generated embroidery designs, meticulously categorized and ready for your next project. Use our advanced filters to find exactly what you need."
|
||||
@@ -124,50 +81,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "trend-1",
|
||||
name: "Floral Fantasy",
|
||||
role: "Trending Design",
|
||||
company: "5.2K Downloads",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kaleidoscope-abstract-magnetic-metallic-shaving-isolated-white-backdrop_23-2148263552.jpg",
|
||||
imageAlt: "Trending floral embroidery design",
|
||||
},
|
||||
id: "trend-1", name: "Floral Fantasy", role: "Trending Design", company: "5.2K Downloads", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kaleidoscope-abstract-magnetic-metallic-shaving-isolated-white-backdrop_23-2148263552.jpg", imageAlt: "Trending floral embroidery design"},
|
||||
{
|
||||
id: "trend-2",
|
||||
name: "Geometric Waves",
|
||||
role: "Popular Choice",
|
||||
company: "4.8K Downloads",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-light-sunset-projector-lamp_53876-108162.jpg",
|
||||
imageAlt: "Popular geometric embroidery design",
|
||||
},
|
||||
id: "trend-2", name: "Geometric Waves", role: "Popular Choice", company: "4.8K Downloads", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-light-sunset-projector-lamp_53876-108162.jpg", imageAlt: "Popular geometric embroidery design"},
|
||||
{
|
||||
id: "trend-3",
|
||||
name: "Mandala Dream",
|
||||
role: "Community Pick",
|
||||
company: "3.1K Downloads",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cover-vintage-blank-craft-drape_1253-628.jpg",
|
||||
imageAlt: "Community mandala embroidery design",
|
||||
},
|
||||
id: "trend-3", name: "Mandala Dream", role: "Community Pick", company: "3.1K Downloads", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cover-vintage-blank-craft-drape_1253-628.jpg", imageAlt: "Community mandala embroidery design"},
|
||||
{
|
||||
id: "trend-4",
|
||||
name: "Cute Critters",
|
||||
role: "New & Hot",
|
||||
company: "2.9K Downloads",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glitter_23-2148110769.jpg",
|
||||
imageAlt: "New & hot animal embroidery design",
|
||||
},
|
||||
id: "trend-4", name: "Cute Critters", role: "New & Hot", company: "2.9K Downloads", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glitter_23-2148110769.jpg", imageAlt: "New & hot animal embroidery design"},
|
||||
{
|
||||
id: "trend-5",
|
||||
name: "Wildlife Epic",
|
||||
role: "Top Rated",
|
||||
company: "6.5K Downloads",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-animal-forest-illustration_23-2151983354.jpg",
|
||||
imageAlt: "Top rated wildlife embroidery design",
|
||||
},
|
||||
id: "trend-5", name: "Wildlife Epic", role: "Top Rated", company: "6.5K Downloads", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-animal-forest-illustration_23-2151983354.jpg", imageAlt: "Top rated wildlife embroidery design"},
|
||||
]}
|
||||
title="Trending Designs & Community Showcase"
|
||||
description="See what's popular and explore stunning finished embroidery work from our talented community. Like, comment, and follow creators!"
|
||||
@@ -180,13 +107,9 @@ export default function LandingPage() {
|
||||
logoAlt="StitchVerse AI Logo"
|
||||
logoText="StitchVerse AI"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "/privacy",
|
||||
}}
|
||||
text: "Privacy Policy", href: "/privacy"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "/terms",
|
||||
}}
|
||||
text: "Terms of Service", href: "/terms"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
133
src/app/page.tsx
133
src/app/page.tsx
@@ -29,33 +29,19 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Generate",
|
||||
id: "/generate",
|
||||
},
|
||||
name: "Generate", id: "/generate"},
|
||||
{
|
||||
name: "Library",
|
||||
id: "/library",
|
||||
},
|
||||
name: "Library", id: "/library"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "/pricing",
|
||||
},
|
||||
name: "Pricing", id: "/pricing"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
{
|
||||
name: "My Designs",
|
||||
id: "/dashboard",
|
||||
},
|
||||
name: "My Designs", id: "/dashboard"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/view-5th-may-mexican-pattern_23-2149362790.jpg"
|
||||
logoAlt="StitchVerse AI Logo"
|
||||
@@ -68,19 +54,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
logoText="StitchVerse AI"
|
||||
description="Generate professional embroidery patterns using AI. From simple beginner-friendly designs to advanced commercial embroidery artwork."
|
||||
buttons={[
|
||||
{
|
||||
text: "Generate Design",
|
||||
href: "/generate",
|
||||
},
|
||||
text: "Generate Design", href: "/generate"},
|
||||
{
|
||||
text: "Explore Library",
|
||||
href: "/library",
|
||||
},
|
||||
text: "Explore Library", href: "/library"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/artistic-background-wallpaper-with-color-halftone-effect_58702-9396.jpg"
|
||||
imageAlt="AI-generated embroidery design with flowing threads and needles"
|
||||
@@ -93,25 +74,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
features={[
|
||||
{
|
||||
title: "AI Design Generation",
|
||||
description: "Instantly create unique embroidery patterns from text prompts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multi-colored-psychedelic-background_23-2148805228.jpg",
|
||||
imageAlt: "AI neural network generating embroidery",
|
||||
},
|
||||
title: "AI Design Generation", description: "Instantly create unique embroidery patterns from text prompts.", imageSrc: "http://img.b2bpic.net/free-photo/multi-colored-psychedelic-background_23-2148805228.jpg", imageAlt: "AI neural network generating embroidery"},
|
||||
{
|
||||
title: "Difficulty Levels",
|
||||
description: "Choose from Easy, Medium, or Hard to match your skill and project complexity.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cutting-fabric-pieces-by-rotary-cutter-mat-using-ruler_23-2148164443.jpg",
|
||||
imageAlt: "Difficulty level selection cards",
|
||||
},
|
||||
title: "Difficulty Levels", description: "Choose from Easy, Medium, or Hard to match your skill and project complexity.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cutting-fabric-pieces-by-rotary-cutter-mat-using-ruler_23-2148164443.jpg", imageAlt: "Difficulty level selection cards"},
|
||||
{
|
||||
title: "Download Ready Patterns",
|
||||
description: "Export your designs in multiple formats, optimized for any embroidery machine.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/google-drive-icon-line-connection-circuit-board_1379-902.jpg",
|
||||
imageAlt: "Download icons for various embroidery formats",
|
||||
},
|
||||
title: "Download Ready Patterns", description: "Export your designs in multiple formats, optimized for any embroidery machine.", imageSrc: "http://img.b2bpic.net/free-photo/google-drive-icon-line-connection-circuit-board_1379-902.jpg", imageAlt: "Download icons for various embroidery formats"},
|
||||
]}
|
||||
title="Unleash Your Creativity with AI"
|
||||
description="StitchVerse AI offers cutting-edge tools to transform your ideas into stunning embroidery with ease and precision."
|
||||
@@ -123,49 +93,20 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
products={[
|
||||
{
|
||||
id: "prod-1",
|
||||
name: "Rose Flower with Leaves",
|
||||
price: "AI Generated",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flowers-drawn-yellow-wall_1122-1172.jpg",
|
||||
imageAlt: "AI generated red rose embroidery",
|
||||
},
|
||||
id: "prod-1", name: "Rose Flower with Leaves", price: "AI Generated", imageSrc: "http://img.b2bpic.net/free-photo/flowers-drawn-yellow-wall_1122-1172.jpg", imageAlt: "AI generated red rose embroidery"},
|
||||
{
|
||||
id: "prod-2",
|
||||
name: "Peacock Embroidery Pattern",
|
||||
price: "AI Generated",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/psychedelic-girl-illustration_23-2151508431.jpg",
|
||||
imageAlt: "AI generated peacock embroidery",
|
||||
},
|
||||
id: "prod-2", name: "Peacock Embroidery Pattern", price: "AI Generated", imageSrc: "http://img.b2bpic.net/free-photo/psychedelic-girl-illustration_23-2151508431.jpg", imageAlt: "AI generated peacock embroidery"},
|
||||
{
|
||||
id: "prod-3",
|
||||
name: "Traditional Indian Floral Border",
|
||||
price: "AI Generated",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multiple-carpets-grand-bazaar-istanbul-turkey_1268-21688.jpg",
|
||||
imageAlt: "AI generated traditional Indian floral border",
|
||||
},
|
||||
id: "prod-3", name: "Traditional Indian Floral Border", price: "AI Generated", imageSrc: "http://img.b2bpic.net/free-photo/multiple-carpets-grand-bazaar-istanbul-turkey_1268-21688.jpg", imageAlt: "AI generated traditional Indian floral border"},
|
||||
{
|
||||
id: "prod-4",
|
||||
name: "Wedding Monogram Embroidery",
|
||||
price: "AI Generated",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-drawn-flower-frame-with-acrylic-paint_171337-10973.jpg",
|
||||
imageAlt: "AI generated wedding monogram",
|
||||
},
|
||||
id: "prod-4", name: "Wedding Monogram Embroidery", price: "AI Generated", imageSrc: "http://img.b2bpic.net/free-photo/close-up-drawn-flower-frame-with-acrylic-paint_171337-10973.jpg", imageAlt: "AI generated wedding monogram"},
|
||||
{
|
||||
id: "prod-5",
|
||||
name: "Cute Cartoon Elephant",
|
||||
price: "AI Generated",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-adorable-amigurumi-dog_23-2151861235.jpg",
|
||||
imageAlt: "AI generated cartoon elephant embroidery",
|
||||
},
|
||||
id: "prod-5", name: "Cute Cartoon Elephant", price: "AI Generated", imageSrc: "http://img.b2bpic.net/free-photo/close-up-adorable-amigurumi-dog_23-2151861235.jpg", imageAlt: "AI generated cartoon elephant embroidery"},
|
||||
{
|
||||
id: "prod-6",
|
||||
name: "Geometric Abstract Pattern",
|
||||
price: "AI Generated",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-fractal-geometric-figure-background-with-texture_1194-306727.jpg",
|
||||
imageAlt: "AI generated geometric embroidery design",
|
||||
},
|
||||
id: "prod-6", name: "Geometric Abstract Pattern", price: "AI Generated", imageSrc: "http://img.b2bpic.net/free-photo/abstract-fractal-geometric-figure-background-with-texture_1194-306727.jpg", imageAlt: "AI generated geometric embroidery design"},
|
||||
]}
|
||||
title="Masterpiece Gallery"
|
||||
description="Discover a selection of breathtaking designs generated by StitchVerse AI, showcasing the platform's incredible capability."
|
||||
@@ -177,14 +118,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"QuantumThread",
|
||||
"PatternForge Labs",
|
||||
"RoyalStitch Co.",
|
||||
"VortexThreads",
|
||||
"GlobalDigitize Solutions",
|
||||
"WhimsyStitch Studio",
|
||||
"PixelEmbroidery Tech",
|
||||
]}
|
||||
"QuantumThread", "PatternForge Labs", "RoyalStitch Co.", "VortexThreads", "GlobalDigitize Solutions", "WhimsyStitch Studio", "PixelEmbroidery Tech"]}
|
||||
title="Trusted by Leading Innovators"
|
||||
description="Join a thriving community of designers, businesses, and artists who trust StitchVerse AI for their creative vision."
|
||||
showCard={true}
|
||||
@@ -196,20 +130,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "What is AI-powered embroidery design?",
|
||||
content: "AI-powered embroidery design uses artificial intelligence algorithms to generate unique and intricate patterns from simple text descriptions, greatly simplifying the design process.",
|
||||
},
|
||||
id: "faq-1", title: "What is AI-powered embroidery design?", content: "AI-powered embroidery design uses artificial intelligence algorithms to generate unique and intricate patterns from simple text descriptions, greatly simplifying the design process."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "How does Stitch Estimation work?",
|
||||
content: "Our AI analyzes the complexity and size of your generated design to provide an accurate estimate of the total stitch count, helping you plan your projects efficiently.",
|
||||
},
|
||||
id: "faq-2", title: "How does Stitch Estimation work?", content: "Our AI analyzes the complexity and size of your generated design to provide an accurate estimate of the total stitch count, helping you plan your projects efficiently."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "Can I use designs for commercial purposes?",
|
||||
content: "Yes, with our Pro and Business plans, you gain commercial licenses for your generated designs, allowing you to use them for client projects and product sales.",
|
||||
},
|
||||
id: "faq-3", title: "Can I use designs for commercial purposes?", content: "Yes, with our Pro and Business plans, you gain commercial licenses for your generated designs, allowing you to use them for client projects and product sales."},
|
||||
]}
|
||||
sideTitle="Embroidery Learning Hub"
|
||||
sideDescription="New to embroidery or looking to refine your skills? Our comprehensive learning center offers resources for every level."
|
||||
@@ -224,13 +149,9 @@ export default function LandingPage() {
|
||||
logoAlt="StitchVerse AI Logo"
|
||||
logoText="StitchVerse AI"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "/privacy",
|
||||
}}
|
||||
text: "Privacy Policy", href: "/privacy"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "/terms",
|
||||
}}
|
||||
text: "Terms of Service", href: "/terms"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
@@ -27,33 +27,19 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Generate",
|
||||
id: "/generate",
|
||||
},
|
||||
name: "Generate", id: "/generate"},
|
||||
{
|
||||
name: "Library",
|
||||
id: "/library",
|
||||
},
|
||||
name: "Library", id: "/library"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "/pricing",
|
||||
},
|
||||
name: "Pricing", id: "/pricing"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
{
|
||||
name: "My Designs",
|
||||
id: "/dashboard",
|
||||
},
|
||||
name: "My Designs", id: "/dashboard"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/view-5th-may-mexican-pattern_23-2149362790.jpg"
|
||||
logoAlt="StitchVerse AI Logo"
|
||||
@@ -67,65 +53,33 @@ export default function LandingPage() {
|
||||
<PricingCardEight
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
plans={[
|
||||
{
|
||||
id: "free",
|
||||
badge: "Starter",
|
||||
price: "Free",
|
||||
subtitle: "Limited Generations",
|
||||
buttons: [
|
||||
id: "free", badge: "Starter", price: "Free", subtitle: "Limited Generations", buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "/signup",
|
||||
},
|
||||
text: "Get Started", href: "/signup"},
|
||||
],
|
||||
features: [
|
||||
"10 AI Generations/month",
|
||||
"Basic Download Formats (PNG)",
|
||||
"Access to Free Library Designs",
|
||||
"Community Support",
|
||||
],
|
||||
"10 AI Generations/month", "Basic Download Formats (PNG)", "Access to Free Library Designs", "Community Support"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Most Popular",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$19/month",
|
||||
subtitle: "Unlimited Creativity",
|
||||
buttons: [
|
||||
id: "pro", badge: "Most Popular", badgeIcon: Sparkles,
|
||||
price: "$19/month", subtitle: "Unlimited Creativity", buttons: [
|
||||
{
|
||||
text: "Choose Pro",
|
||||
href: "/signup",
|
||||
},
|
||||
text: "Choose Pro", href: "/signup"},
|
||||
],
|
||||
features: [
|
||||
"Unlimited AI Generations",
|
||||
"Advanced Download Formats (SVG, DST, PES, PDF)",
|
||||
"Full Library Access",
|
||||
"Priority Support",
|
||||
"Basic Commercial License",
|
||||
],
|
||||
"Unlimited AI Generations", "Advanced Download Formats (SVG, DST, PES, PDF)", "Full Library Access", "Priority Support", "Basic Commercial License"],
|
||||
},
|
||||
{
|
||||
id: "business",
|
||||
badge: "For Teams",
|
||||
badgeIcon: Briefcase,
|
||||
price: "$99/month",
|
||||
subtitle: "Commercial Powerhouse",
|
||||
buttons: [
|
||||
id: "business", badge: "For Teams", badgeIcon: Briefcase,
|
||||
price: "$99/month", subtitle: "Commercial Powerhouse", buttons: [
|
||||
{
|
||||
text: "Contact Sales",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Contact Sales", href: "/contact"},
|
||||
],
|
||||
features: [
|
||||
"All Pro Features",
|
||||
"Bulk Design Generation",
|
||||
"Team Collaboration Tools",
|
||||
"Advanced Commercial License",
|
||||
"Client Project Management",
|
||||
"Dedicated Account Manager",
|
||||
],
|
||||
"All Pro Features", "Bulk Design Generation", "Team Collaboration Tools", "Advanced Commercial License", "Client Project Management", "Dedicated Account Manager"],
|
||||
},
|
||||
]}
|
||||
title="Flexible Plans for Every Creator"
|
||||
@@ -138,25 +92,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
features={[
|
||||
{
|
||||
title: "Bulk Design Generation",
|
||||
description: "Generate multiple designs simultaneously for large projects or product lines.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-low-poly-background-with-connecting-dots_1048-6125.jpg",
|
||||
imageAlt: "Bulk design generation icon",
|
||||
},
|
||||
title: "Bulk Design Generation", description: "Generate multiple designs simultaneously for large projects or product lines.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-low-poly-background-with-connecting-dots_1048-6125.jpg", imageAlt: "Bulk design generation icon"},
|
||||
{
|
||||
title: "Team Collaboration",
|
||||
description: "Work seamlessly with your team, share designs, and manage access.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ukrainian-embroidery-folk-arts-crafts_469670-21.jpg",
|
||||
imageAlt: "Team collaboration interface",
|
||||
},
|
||||
title: "Team Collaboration", description: "Work seamlessly with your team, share designs, and manage access.", imageSrc: "http://img.b2bpic.net/free-photo/ukrainian-embroidery-folk-arts-crafts_469670-21.jpg", imageAlt: "Team collaboration interface"},
|
||||
{
|
||||
title: "Commercial Licenses",
|
||||
description: "Secure the rights to use your AI-generated designs for any commercial venture.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ukrainian-embroidery-folk-arts-crafts_469670-27.jpg",
|
||||
imageAlt: "Commercial license icon",
|
||||
},
|
||||
title: "Commercial Licenses", description: "Secure the rights to use your AI-generated designs for any commercial venture.", imageSrc: "http://img.b2bpic.net/free-photo/ukrainian-embroidery-folk-arts-crafts_469670-27.jpg", imageAlt: "Commercial license icon"},
|
||||
]}
|
||||
title="Empowering Embroidery Businesses"
|
||||
description="StitchVerse AI provides robust features designed to scale your operations and streamline your workflow."
|
||||
@@ -169,13 +112,9 @@ export default function LandingPage() {
|
||||
logoAlt="StitchVerse AI Logo"
|
||||
logoText="StitchVerse AI"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "/privacy",
|
||||
}}
|
||||
text: "Privacy Policy", href: "/privacy"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "/terms",
|
||||
}}
|
||||
text: "Terms of Service", href: "/terms"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user