diff --git a/src/app/page.tsx b/src/app/page.tsx index 9830e51..84a9f24 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -12,7 +12,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin import PricingCardEight from '@/components/sections/pricing/PricingCardEight'; import ProductCardThree from '@/components/sections/product/ProductCardThree'; import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen'; -import { Award, BookOpen, Briefcase, Cog, Crown, Download, Feather, Lightbulb, Palette, Rocket, Scissors, Sparkles, Upload, Users } from "lucide-react"; +import { Award, BookOpen, Briefcase, Cog, Crown, Download, Feather, Lightbulb, Palette, Rocket, Scissors, Sparkles, Upload, Users, MessageSquareText, Disc3, SquareStack, Gem, Shape, SwatchBook, Route } from "lucide-react"; export default function LandingPage() { return ( @@ -33,29 +33,17 @@ export default function LandingPage() { @@ -193,108 +126,71 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Intuitive Prompt Input", - description: "Describe your embroidery idea in natural language. Our smart assistant guides you with suggestions and examples.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/artificial-intelligence-concept_23-2151977497.jpg", - imageAlt: "AI embroidery prompt input UI", - }, + title: "Intuitive Prompt Input", description: "Describe your embroidery idea in natural language. Our smart assistant guides you with suggestions and examples.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/artificial-intelligence-concept_23-2151977497.jpg", imageAlt: "AI embroidery prompt input UI"}, items: [ { icon: Sparkles, - text: "AI Prompt Assistant", - }, + text: "AI Prompt Assistant"}, { icon: MessageSquareText, - text: "Intelligent Suggestions", - }, + text: "Intelligent Suggestions"}, { icon: Lightbulb, - text: "Diverse Example Prompts", - }, + text: "Diverse Example Prompts"}, ], - reverse: false, - imageSrc: "http://img.b2bpic.net/free-photo/defocused-decorative-light-black-surface-with-space-writing-text_23-2148055556.jpg", - imageAlt: "AI prompt input UI dark mode", + reverse: false }, { - title: "Tailored Difficulty Levels", - description: "Select from Easy, Medium, or Hard to match your skill and project requirements. The AI adapts stitch complexity automatically.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/spooky-halloween-skull-candle-frame_23-2152012661.jpg", - imageAlt: "AI embroidery difficulty selection UI", - }, + title: "Tailored Difficulty Levels", description: "Select from Easy, Medium, or Hard to match your skill and project requirements. The AI adapts stitch complexity automatically.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/spooky-halloween-skull-candle-frame_23-2152012661.jpg", imageAlt: "AI embroidery difficulty selection UI"}, items: [ { icon: Disc3, - text: "Beginner-Friendly Outlines", - }, + text: "Beginner-Friendly Outlines"}, { icon: SquareStack, - text: "Moderate Decorative Details", - }, + text: "Moderate Decorative Details"}, { icon: Gem, - text: "Professional Complex Patterns", - }, + text: "Professional Complex Patterns"}, ], - reverse: true, - imageSrc: "http://img.b2bpic.net/free-photo/futuristic-fantasy-portrait-with-costume_23-2151159087.jpg?_wi=2", - imageAlt: "AI prompt input UI dark mode", + reverse: true }, { - title: "Advanced Customization", - description: "Refine your design with granular control over style, shape, color palettes, fabric types, and thread density.", - media: { - imageSrc: "http://img.b2bpic.net/free-vector/gradient-glassmorphism-elements_23-2149461590.jpg", - imageAlt: "AI embroidery advanced options panel", - }, + title: "Advanced Customization", description: "Refine your design with granular control over style, shape, color palettes, fabric types, and thread density.", media: { + imageSrc: "http://img.b2bpic.net/free-vector/gradient-glassmorphism-elements_23-2149461590.jpg", imageAlt: "AI embroidery advanced options panel"}, items: [ { icon: Palette, - text: "Extensive Style Options", - }, + text: "Extensive Style Options"}, { icon: Shape, - text: "Perfect Geometric Shapes", - }, + text: "Perfect Geometric Shapes"}, { icon: SwatchBook, - text: "Curated Color Palettes", - }, + text: "Curated Color Palettes"}, { icon: Scissors, - text: "Fabric Type Matching", - }, + text: "Fabric Type Matching"}, ], - reverse: false, - imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-smart-glasses-futuristic-technology-digital-remix_53876-104248.jpg?_wi=2", - imageAlt: "AI prompt input UI dark mode", + reverse: false }, { - title: "Instant AI Generation", - description: "Hit 'Generate' and watch as the AI brings your vision to life with a captivating stitching animation and real-time progress.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/blue-jeans-fabric-details_150588-43.jpg", - imageAlt: "Cinematic AI embroidery loading animation", - }, + title: "Instant AI Generation", description: "Hit 'Generate' and watch as the AI brings your vision to life with a captivating stitching animation and real-time progress.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/blue-jeans-fabric-details_150588-43.jpg", imageAlt: "Cinematic AI embroidery loading animation"}, items: [ { icon: Cog, - text: "AI Processing & Stitch Map Creation", - }, + text: "AI Processing & Stitch Map Creation"}, { icon: Route, - text: "Optimized Embroidery Paths", - }, + text: "Optimized Embroidery Paths"}, { icon: Feather, - text: "Pixel-Perfect Final Artwork", - }, + text: "Pixel-Perfect Final Artwork"}, ], - reverse: true, - imageSrc: "http://img.b2bpic.net/free-photo/girl-with-laptop_23-2148016328.jpg?_wi=2", - imageAlt: "AI prompt input UI dark mode", + reverse: true }, ]} title="Your Vision, AI-Crafted" @@ -310,64 +206,31 @@ export default function LandingPage() { useInvertedBackground={true} plans={[ { - id: "free", - badge: "Starter", - badgeIcon: Sparkles, - price: "$0", - subtitle: "Limited Generations, Basic Tools", - buttons: [ + id: "free", badge: "Starter", badgeIcon: Sparkles, + price: "$0", subtitle: "Limited Generations, Basic Tools", buttons: [ { - text: "Start Free", - href: "#generator", - }, + text: "Start Free", href: "#generator"}, ], features: [ - "5 AI Generations/Month", - "Standard Resolution Downloads", - "Access to Basic Library", - "Email Support", - ], + "5 AI Generations/Month", "Standard Resolution Downloads", "Access to Basic Library", "Email Support"], }, { - id: "pro", - badge: "Pro Creator", - badgeIcon: Crown, - price: "$29/month", - subtitle: "Unlimited Creativity, Advanced Features", - buttons: [ + id: "pro", badge: "Pro Creator", badgeIcon: Crown, + price: "$29/month", subtitle: "Unlimited Creativity, Advanced Features", buttons: [ { - text: "Go Pro", - href: "#", - }, + text: "Go Pro", href: "#"}, ], features: [ - "Unlimited AI Generations", - "High Resolution Downloads (PNG, SVG, PDF)", - "Full Design Library Access", - "Advanced Customization Options", - "Priority Support", - ], + "Unlimited AI Generations", "High Resolution Downloads (PNG, SVG, PDF)", "Full Design Library Access", "Advanced Customization Options", "Priority Support"], }, { - id: "business", - badge: "Business Elite", - badgeIcon: Briefcase, - price: "$99/month", - subtitle: "Commercial Use, Team Collaboration", - buttons: [ + id: "business", badge: "Business Elite", badgeIcon: Briefcase, + price: "$99/month", subtitle: "Commercial Use, Team Collaboration", buttons: [ { - text: "Contact Sales", - href: "#contact", - }, + text: "Contact Sales", href: "#contact"}, ], features: [ - "All Pro Features", - "Commercial Use License", - "Team Collaboration Tools", - "Bulk Design Generation", - "Dedicated Account Manager", - "Client Project Management", - ], + "All Pro Features", "Commercial Use License", "Team Collaboration Tools", "Bulk Design Generation", "Dedicated Account Manager", "Client Project Management"], }, ]} title="Embroidery Freedom for Everyone" @@ -385,47 +248,17 @@ export default function LandingPage() { carouselMode="buttons" products={[ { - id: "design-1", - name: "Elegant Rose Blossom", - price: "Free", - imageSrc: "http://img.b2bpic.net/free-photo/floral-mandala_23-2151843132.jpg", - imageAlt: "Elegant Rose Blossom embroidery design", - }, + id: "design-1", name: "Elegant Rose Blossom", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/floral-mandala_23-2151843132.jpg", imageAlt: "Elegant Rose Blossom embroidery design"}, { - id: "design-2", - name: "Vibrant Peacock Art", - price: "Pro", - imageSrc: "http://img.b2bpic.net/free-photo/circle-kaleidoscope-magnetic-metallic-shaving-design-white-backdrop_23-2148263555.jpg", - imageAlt: "Vibrant Peacock Art embroidery design", - }, + id: "design-2", name: "Vibrant Peacock Art", price: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/circle-kaleidoscope-magnetic-metallic-shaving-design-white-backdrop_23-2148263555.jpg", imageAlt: "Vibrant Peacock Art embroidery design"}, { - id: "design-3", - name: "Indian Floral Border", - price: "Free", - imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-background-shapes-texture_1194-315201.jpg", - imageAlt: "Indian Floral Border embroidery design", - }, + id: "design-3", name: "Indian Floral Border", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-background-shapes-texture_1194-315201.jpg", imageAlt: "Indian Floral Border embroidery design"}, { - id: "design-4", - name: "Wedding Monogram", - price: "Pro", - imageSrc: "http://img.b2bpic.net/free-vector/beautiful-floral-wedding-logos_23-2148464954.jpg", - imageAlt: "Wedding Monogram embroidery design", - }, + id: "design-4", name: "Wedding Monogram", price: "Pro", imageSrc: "http://img.b2bpic.net/free-vector/beautiful-floral-wedding-logos_23-2148464954.jpg", imageAlt: "Wedding Monogram embroidery design"}, { - id: "design-5", - name: "Playful Elephant Cartoon", - price: "Free", - imageSrc: "http://img.b2bpic.net/free-photo/cute-elephant-studio_23-2150895439.jpg", - imageAlt: "Playful Elephant Cartoon embroidery design", - }, + id: "design-5", name: "Playful Elephant Cartoon", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/cute-elephant-studio_23-2150895439.jpg", imageAlt: "Playful Elephant Cartoon embroidery design"}, { - id: "design-6", - name: "Geometric Mandala", - price: "Pro", - imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-background-shapes-texture_1194-306810.jpg", - imageAlt: "Geometric Mandala embroidery design", - }, + id: "design-6", name: "Geometric Mandala", price: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-background-shapes-texture_1194-306810.jpg", imageAlt: "Geometric Mandala embroidery design"}, ]} title="An Ocean of Embroidery Designs" description="Dive into our vast library featuring community-uploaded creations, trending patterns, and curated collections for every style and skill level." @@ -441,32 +274,16 @@ export default function LandingPage() { useInvertedBackground={true} metrics={[ { - id: "metric-1", - value: "150,000+", - title: "Designs Generated", - description: "Watch your ideas come to life, contributing to an ever-growing pool of unique embroidery art.", - icon: Sparkles, + id: "metric-1", value: "150,000+", title: "Designs Generated", description: "Watch your ideas come to life, contributing to an ever-growing pool of unique embroidery art.", icon: Sparkles, }, { - id: "metric-2", - value: "12,000+", - title: "Master Embroiderers", - description: "Join a league of skilled creators, recognized for their artistic flair and dedication.", - icon: Award, + id: "metric-2", value: "12,000+", title: "Master Embroiderers", description: "Join a league of skilled creators, recognized for their artistic flair and dedication.", icon: Award, }, { - id: "metric-3", - value: "50,000+", - title: "Community Uploads", - description: "Share your finished creations and inspire others in our global gallery.", - icon: Upload, + id: "metric-3", value: "50,000+", title: "Community Uploads", description: "Share your finished creations and inspire others in our global gallery.", icon: Upload, }, { - id: "metric-4", - value: "8.5M+", - title: "Downloads", - description: "Our designs are loved and utilized by embroiderers worldwide for countless projects.", - icon: Download, + id: "metric-4", value: "8.5M+", title: "Downloads", description: "Our designs are loved and utilized by embroiderers worldwide for countless projects.", icon: Download, }, ]} title="Join a Thriving Community" @@ -482,64 +299,28 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "test-1", - name: "Sarah J.", - role: "Embroidery Artist", - company: "Creative Threads Studio", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/girl-with-laptop_23-2148016340.jpg", - imageAlt: "Sarah J. - Embroidery Artist", - }, + id: "test-1", name: "Sarah J.", role: "Embroidery Artist", company: "Creative Threads Studio", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/girl-with-laptop_23-2148016340.jpg", imageAlt: "Sarah J. - Embroidery Artist"}, { - id: "test-2", - name: "Michael C.", - role: "Textile Designer", - company: "Innovate Fabrics", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office-black-white_23-2151777567.jpg", - imageAlt: "Michael C. - Textile Designer", - }, + id: "test-2", name: "Michael C.", role: "Textile Designer", company: "Innovate Fabrics", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office-black-white_23-2151777567.jpg", imageAlt: "Michael C. - Textile Designer"}, { - id: "test-3", - name: "Emily R.", - role: "Fashion Entrepreneur", - company: "Style Stitch Co.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-children-making-diy-project-from-upcycled-materials_23-2149391045.jpg", - imageAlt: "Emily R. - Fashion Entrepreneur", - }, + id: "test-3", name: "Emily R.", role: "Fashion Entrepreneur", company: "Style Stitch Co.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/young-children-making-diy-project-from-upcycled-materials_23-2149391045.jpg", imageAlt: "Emily R. - Fashion Entrepreneur"}, { - id: "test-4", - name: "David K.", - role: "Custom Apparel Business Owner", - company: "ThreadWorks Inc.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/woman-making-green-shirt_23-2148742294.jpg", - imageAlt: "David K. - Business Owner", - }, + id: "test-4", name: "David K.", role: "Custom Apparel Business Owner", company: "ThreadWorks Inc.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/woman-making-green-shirt_23-2148742294.jpg", imageAlt: "David K. - Business Owner"}, { - id: "test-5", - name: "Jessica L.", - role: "Hobby Embroiderer", - company: "Home Craft Enthusiast", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-brunette-girl-sitting-table-with-makeup-tools-holding-makeup-brushes-isolated-pink-wall-with-copy-space_141793-122844.jpg", - imageAlt: "Jessica L. - Hobby Embroiderer", - }, + id: "test-5", name: "Jessica L.", role: "Hobby Embroiderer", company: "Home Craft Enthusiast", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-brunette-girl-sitting-table-with-makeup-tools-holding-makeup-brushes-isolated-pink-wall-with-copy-space_141793-122844.jpg", imageAlt: "Jessica L. - Hobby Embroiderer"}, ]} kpiItems={[ { - value: "99%", - label: "Design Accuracy", - }, + value: "99%", label: "Design Accuracy"}, { - value: "5x", - label: "Faster Workflow", - }, + value: "5x", label: "Faster Workflow"}, { - value: "24/7", - label: "Creative Flow", - }, + value: "24/7", label: "Creative Flow"}, ]} title="Loved by Creators Worldwide" description="Hear from our passionate community of embroiderers and designers about their StitchVerse AI experience." @@ -553,35 +334,17 @@ export default function LandingPage() { useInvertedBackground={true} faqs={[ { - id: "faq-1", - title: "How does StitchVerse AI generate designs?", - content: "StitchVerse AI utilizes advanced machine learning algorithms to interpret your text prompts and transform them into detailed, high-quality embroidery patterns. Our AI considers style, complexity, and thread mechanics for optimal results.", - }, + id: "faq-1", title: "How does StitchVerse AI generate designs?", content: "StitchVerse AI utilizes advanced machine learning algorithms to interpret your text prompts and transform them into detailed, high-quality embroidery patterns. Our AI considers style, complexity, and thread mechanics for optimal results."}, { - id: "faq-2", - title: "What are the different difficulty levels?", - content: "We offer Easy (simple outlines, low stitch count), Medium (decorative details, moderate stitch complexity), and Hard (professional, complex details, advanced stitch patterns) to suit all skill levels and project needs.", - }, + id: "faq-2", title: "What are the different difficulty levels?", content: "We offer Easy (simple outlines, low stitch count), Medium (decorative details, moderate stitch complexity), and Hard (professional, complex details, advanced stitch patterns) to suit all skill levels and project needs."}, { - id: "faq-3", - title: "Can I upload my own designs for enhancement?", - content: "Yes, our AI Design Enhancer allows you to upload existing embroidery images. The AI can improve quality, increase detail, convert to patterns, and suggest improvements, generating a stitch map for your convenience.", - }, + id: "faq-3", title: "Can I upload my own designs for enhancement?", content: "Yes, our AI Design Enhancer allows you to upload existing embroidery images. The AI can improve quality, increase detail, convert to patterns, and suggest improvements, generating a stitch map for your convenience."}, { - id: "faq-4", - title: "What file formats are supported for download?", - content: "StitchVerse AI supports various industry-standard formats, including PNG (for image preview), SVG (for vector scalability), PDF (for print-ready documents), DST, and PES (for direct machine embroidery).", - }, + id: "faq-4", title: "What file formats are supported for download?", content: "StitchVerse AI supports various industry-standard formats, including PNG (for image preview), SVG (for vector scalability), PDF (for print-ready documents), DST, and PES (for direct machine embroidery)."}, { - id: "faq-5", - title: "Is there an Embroidery Learning Center for beginners?", - content: "Absolutely! Our comprehensive Learning Center offers tutorials, videos, and illustrations on topics like beginner embroidery, stitch types, machine embroidery, thread selection, and professional techniques to help you master the craft.", - }, + id: "faq-5", title: "Is there an Embroidery Learning Center for beginners?", content: "Absolutely! Our comprehensive Learning Center offers tutorials, videos, and illustrations on topics like beginner embroidery, stitch types, machine embroidery, thread selection, and professional techniques to help you master the craft."}, { - id: "faq-6", - title: "How do commercial licenses work for businesses?", - content: "Our Business plan includes commercial licenses, allowing you to use AI-generated designs for client projects, bulk production, and other commercial purposes. It also offers team collaboration and client management features.", - }, + id: "faq-6", title: "How do commercial licenses work for businesses?", content: "Our Business plan includes commercial licenses, allowing you to use AI-generated designs for client projects, bulk production, and other commercial purposes. It also offers team collaboration and client management features."}, ]} title="Embroidery Insights & Support" description="Your go-to resource for mastering embroidery, understanding StitchVerse AI, and getting answers to common questions." @@ -594,8 +357,7 @@ export default function LandingPage() {