From 14f4abdc1c7851c8a21cd35bfe0581738582259c Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 5 Jun 2026 13:05:57 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 321 ++++++++++------------------------------------- 1 file changed, 63 insertions(+), 258 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 0ecc119..a4abc18 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,34 +33,20 @@ export default function LandingPage() { @@ -162,19 +110,13 @@ export default function LandingPage() { description="ZEEL AI empowers designers, marketers, and creators to bring their visions to life with unparalleled speed and ease. Our platform uses Google's Gemini API to turn your text prompts into high-quality images, eliminating the need for complex software or extensive design skills. Focus on your ideas, and let our AI handle the visuals." metrics={[ { - value: "100K+", - title: "Images Generated", - }, + value: "100K+", title: "Images Generated"}, { - value: "10x", - title: "Faster Creation", - }, + value: "10x", title: "Faster Creation"}, { - value: "80%", - title: "Cost Savings", - }, + value: "80%", title: "Cost Savings"}, ]} - imageSrc="http://img.b2bpic.net/free-photo/front-view-illustrator-drawing-tablet_23-2150040136.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/front-view-illustrator-drawing-tablet_23-2150040136.jpg" imageAlt="User interacting with AI image generation software on a futuristic screen" mediaAnimation="opacity" metricsAnimation="slide-up" @@ -187,23 +129,11 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Prompt-to-Image Magic", - description: "Describe any scene, object, or style, and watch our AI generate stunning visuals in moments.", - imageSrc: "http://img.b2bpic.net/free-photo/ai-energy-consumption-concept_23-2151852511.jpg?_wi=2", - imageAlt: "Abstract AI neural network", - }, + title: "Prompt-to-Image Magic", description: "Describe any scene, object, or style, and watch our AI generate stunning visuals in moments.", imageSrc: "http://img.b2bpic.net/free-photo/ai-energy-consumption-concept_23-2151852511.jpg", imageAlt: "Abstract AI neural network"}, { - title: "Customizable Styles & Ratios", - description: "Tailor your images with various artistic styles, aspect ratios, and resolutions to perfectly match your project's needs.", - imageSrc: "http://img.b2bpic.net/free-photo/decorative-green-paint-stain_23-2147611895.jpg", - imageAlt: "Vibrant digital brush stroke", - }, + title: "Customizable Styles & Ratios", description: "Tailor your images with various artistic styles, aspect ratios, and resolutions to perfectly match your project's needs.", imageSrc: "http://img.b2bpic.net/free-photo/decorative-green-paint-stain_23-2147611895.jpg", imageAlt: "Vibrant digital brush stroke"}, { - title: "Iterative Refinement", - description: "Generate variations and refine your images with subtle adjustments to achieve the exact look you envision.", - imageSrc: "http://img.b2bpic.net/free-photo/robot-cyborg-ai-robotics-android-concept_53876-120443.jpg", - imageAlt: "AI image transformation slider", - }, + title: "Iterative Refinement", description: "Generate variations and refine your images with subtle adjustments to achieve the exact look you envision.", imageSrc: "http://img.b2bpic.net/free-photo/robot-cyborg-ai-robotics-android-concept_53876-120443.jpg", imageAlt: "AI image transformation slider"}, ]} title="Powerful Features at Your Fingertips" description="Experience seamless image creation with tools designed for efficiency and artistic control." @@ -219,47 +149,17 @@ export default function LandingPage() { carouselMode="buttons" products={[ { - id: "p1", - name: "Cosmic Odyssey", - price: "AI-Generated", - imageSrc: "http://img.b2bpic.net/free-photo/futuristic-representation-water-park_23-2151048213.jpg", - imageAlt: "Hyperrealistic space station orbiting an alien planet", - }, + id: "p1", name: "Cosmic Odyssey", price: "AI-Generated", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-representation-water-park_23-2151048213.jpg", imageAlt: "Hyperrealistic space station orbiting an alien planet"}, { - id: "p2", - name: "Floating Dreamscape", - price: "AI-Generated", - imageSrc: "http://img.b2bpic.net/free-photo/autumn-waterfalls-park-with-colorful-foliage_649448-4869.jpg", - imageAlt: "Ethereal fantasy landscape with floating islands", - }, + id: "p2", name: "Floating Dreamscape", price: "AI-Generated", imageSrc: "http://img.b2bpic.net/free-photo/autumn-waterfalls-park-with-colorful-foliage_649448-4869.jpg", imageAlt: "Ethereal fantasy landscape with floating islands"}, { - id: "p3", - name: "Neon Abstract", - price: "AI-Generated", - imageSrc: "http://img.b2bpic.net/free-photo/multi-colored-psychedelic-background_23-2148805229.jpg", - imageAlt: "Vibrant abstract geometric pattern with neon lines", - }, + id: "p3", name: "Neon Abstract", price: "AI-Generated", imageSrc: "http://img.b2bpic.net/free-photo/multi-colored-psychedelic-background_23-2148805229.jpg", imageAlt: "Vibrant abstract geometric pattern with neon lines"}, { - id: "p4", - name: "Steampunk Metropolis", - price: "AI-Generated", - imageSrc: "http://img.b2bpic.net/free-photo/countdown-street-watch-face-black_1203-4950.jpg", - imageAlt: "Steampunk-inspired city with intricate gears", - }, + id: "p4", name: "Steampunk Metropolis", price: "AI-Generated", imageSrc: "http://img.b2bpic.net/free-photo/countdown-street-watch-face-black_1203-4950.jpg", imageAlt: "Steampunk-inspired city with intricate gears"}, { - id: "p5", - name: "Future Gadget", - price: "AI-Generated", - imageSrc: "http://img.b2bpic.net/free-photo/view-vacuum-cleaner-robot-flat-surface-floor_23-2151736729.jpg", - imageAlt: "Minimalist product photography of a futuristic gadget", - }, + id: "p5", name: "Future Gadget", price: "AI-Generated", imageSrc: "http://img.b2bpic.net/free-photo/view-vacuum-cleaner-robot-flat-surface-floor_23-2151736729.jpg", imageAlt: "Minimalist product photography of a futuristic gadget"}, { - id: "p6", - name: "Expressive Portrait", - price: "AI-Generated", - imageSrc: "http://img.b2bpic.net/free-photo/swirl-pattern-spread-water-color-white-background_23-2148078887.jpg", - imageAlt: "Vibrant, expressive digital portrait with bold brushstrokes", - }, + id: "p6", name: "Expressive Portrait", price: "AI-Generated", imageSrc: "http://img.b2bpic.net/free-photo/swirl-pattern-spread-water-color-white-background_23-2148078887.jpg", imageAlt: "Vibrant, expressive digital portrait with bold brushstrokes"}, ]} title="Gallery of Possibilities" description="Explore a selection of stunning images generated by ZEEL AI, showcasing the diverse range of creative outputs." @@ -274,62 +174,30 @@ export default function LandingPage() { carouselMode="buttons" plans={[ { - id: "free", - name: "Free", - price: "$0", - badge: "Start Now", - badgeIcon: Sparkles, + id: "free", name: "Free", price: "$0", badge: "Start Now", badgeIcon: Sparkles, features: [ - "5 image generations/month", - "Standard quality output", - "Basic styles available", - "Community support", - ], + "5 image generations/month", "Standard quality output", "Basic styles available", "Community support"], buttons: [ { - text: "Sign Up Free", - href: "#contact", - }, + text: "Sign Up Free", href: "#contact"}, ], }, { - id: "pro", - name: "Pro", - price: "$19/month", - badge: "Popular", - badgeIcon: Star, + id: "pro", name: "Pro", price: "$19/month", badge: "Popular", badgeIcon: Star, features: [ - "250 image generations/month", - "High-quality output", - "Access to all styles & ratios", - "Priority support", - "Commercial rights", - ], + "250 image generations/month", "High-quality output", "Access to all styles & ratios", "Priority support", "Commercial rights"], buttons: [ { - text: "Get Pro", - href: "#contact", - }, + text: "Get Pro", href: "#contact"}, ], }, { - id: "unlimited", - name: "Unlimited", - price: "$49/month", - badge: "Best Value", - badgeIcon: Award, + id: "unlimited", name: "Unlimited", price: "$49/month", badge: "Best Value", badgeIcon: Award, features: [ - "Unlimited image generations", - "Highest quality & resolution", - "Early access to new features", - "Dedicated account manager", - "API access", - ], + "Unlimited image generations", "Highest quality & resolution", "Early access to new features", "Dedicated account manager", "API access"], buttons: [ { - text: "Go Unlimited", - href: "#contact", - }, + text: "Go Unlimited", href: "#contact"}, ], }, ]} @@ -344,50 +212,15 @@ export default function LandingPage() { useInvertedBackground={true} testimonials={[ { - id: "t1", - title: "Unmatched Speed & Quality!", - quote: "ZEEL AI has drastically cut down my design time. The image quality is consistently superb, and the prompt-to-image feature is pure magic. Highly recommend for any creative professional!", - name: "Sarah Johnson", - role: "Graphic Designer", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg", - imageAlt: "Sarah Johnson", - }, + id: "t1", title: "Unmatched Speed & Quality!", quote: "ZEEL AI has drastically cut down my design time. The image quality is consistently superb, and the prompt-to-image feature is pure magic. Highly recommend for any creative professional!", name: "Sarah Johnson", role: "Graphic Designer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg", imageAlt: "Sarah Johnson"}, { - id: "t2", - title: "A Game-Changer for Marketing", - quote: "As a marketing manager, I constantly need fresh visuals. ZEEL AI provides an endless supply of unique, high-quality images that perfectly match our campaigns. It's an indispensable tool.", - name: "Michael Chen", - role: "Marketing Manager", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-front-women-shaking-hands_23-2147857269.jpg", - imageAlt: "Michael Chen", - }, + id: "t2", title: "A Game-Changer for Marketing", quote: "As a marketing manager, I constantly need fresh visuals. ZEEL AI provides an endless supply of unique, high-quality images that perfectly match our campaigns. It's an indispensable tool.", name: "Michael Chen", role: "Marketing Manager", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-front-women-shaking-hands_23-2147857269.jpg", imageAlt: "Michael Chen"}, { - id: "t3", - title: "Boosted My Creative Flow", - quote: "This platform helps me visualize concepts instantly. No more creative blocks! The intuitive interface makes it easy to experiment with styles and bring imaginative ideas to life.", - name: "Emily Rodriguez", - role: "Content Creator", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-girl-black-hat-smiling_176420-8505.jpg", - imageAlt: "Emily Rodriguez", - }, + id: "t3", title: "Boosted My Creative Flow", quote: "This platform helps me visualize concepts instantly. No more creative blocks! The intuitive interface makes it easy to experiment with styles and bring imaginative ideas to life.", name: "Emily Rodriguez", role: "Content Creator", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-girl-black-hat-smiling_176420-8505.jpg", imageAlt: "Emily Rodriguez"}, { - id: "t4", - title: "Affordable & Powerful", - quote: "As a student, design tools can be expensive. ZEEL AI offers incredible power at an affordable price, making professional-grade image creation accessible to everyone.", - name: "David Kim", - role: "Hobbyist & Student", - imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285308.jpg", - imageAlt: "David Kim", - }, + id: "t4", title: "Affordable & Powerful", quote: "As a student, design tools can be expensive. ZEEL AI offers incredible power at an affordable price, making professional-grade image creation accessible to everyone.", name: "David Kim", role: "Hobbyist & Student", imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285308.jpg", imageAlt: "David Kim"}, { - id: "t5", - title: "Simple Text, Stunning Results", - quote: "I'm not a tech expert, but generating images with ZEEL AI is incredibly easy. Just type what I want, and it delivers fantastic results every time. It's truly revolutionary!", - name: "Alex Patel", - role: "Small Business Owner", - imageSrc: "http://img.b2bpic.net/free-photo/workplace-manager_1098-13465.jpg", - imageAlt: "Alex Patel", - }, + id: "t5", title: "Simple Text, Stunning Results", quote: "I'm not a tech expert, but generating images with ZEEL AI is incredibly easy. Just type what I want, and it delivers fantastic results every time. It's truly revolutionary!", name: "Alex Patel", role: "Small Business Owner", imageSrc: "http://img.b2bpic.net/free-photo/workplace-manager_1098-13465.jpg", imageAlt: "Alex Patel"}, ]} title="What Our Creators Say" description="Hear from the artists, marketers, and enthusiasts who are transforming their work with ZEEL AI." @@ -400,30 +233,15 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "q1", - title: "How does ZEEL AI generate images?", - content: "ZEEL AI uses advanced artificial intelligence, specifically Google's Gemini API, to interpret your text prompts and generate unique images based on your descriptions. Our models are continuously updated for optimal quality and creativity.", - }, + id: "q1", title: "How does ZEEL AI generate images?", content: "ZEEL AI uses advanced artificial intelligence, specifically Google's Gemini API, to interpret your text prompts and generate unique images based on your descriptions. Our models are continuously updated for optimal quality and creativity."}, { - id: "q2", - title: "Do I need design skills to use ZEEL AI?", - content: "Absolutely not! ZEEL AI is designed for everyone. Whether you're a seasoned designer or a complete beginner, our intuitive interface allows you to create stunning visuals with just text prompts. No prior design experience is required.", - }, + id: "q2", title: "Do I need design skills to use ZEEL AI?", content: "Absolutely not! ZEEL AI is designed for everyone. Whether you're a seasoned designer or a complete beginner, our intuitive interface allows you to create stunning visuals with just text prompts. No prior design experience is required."}, { - id: "q3", - title: "Can I use the generated images for commercial purposes?", - content: "Yes, with our Pro and Unlimited plans, you gain full commercial rights to the images you generate. The Free plan is suitable for personal and non-commercial use. Please refer to our terms of service for full details.", - }, + id: "q3", title: "Can I use the generated images for commercial purposes?", content: "Yes, with our Pro and Unlimited plans, you gain full commercial rights to the images you generate. The Free plan is suitable for personal and non-commercial use. Please refer to our terms of service for full details."}, { - id: "q4", - title: "What kind of images can I create?", - content: "The possibilities are endless! You can generate anything from realistic landscapes and abstract art to product mockups and character designs. Our platform supports a wide range of styles, themes, and artistic directions based on your prompts.", - }, + id: "q4", title: "What kind of images can I create?", content: "The possibilities are endless! You can generate anything from realistic landscapes and abstract art to product mockups and character designs. Our platform supports a wide range of styles, themes, and artistic directions based on your prompts."}, { - id: "q5", - title: "Is there a limit to how many images I can generate?", - content: "Our Free plan includes 5 image generations per month. Pro and Unlimited plans offer significantly higher limits, with the Unlimited plan providing truly unlimited generations. Check our pricing section for more details.", - }, + id: "q5", title: "Is there a limit to how many images I can generate?", content: "Our Free plan includes 5 image generations per month. Pro and Unlimited plans offer significantly higher limits, with the Unlimited plan providing truly unlimited generations. Check our pricing section for more details."}, ]} title="Frequently Asked Questions" description="Find quick answers to the most common questions about ZEEL AI." @@ -435,8 +253,7 @@ export default function LandingPage() { @@ -465,24 +278,16 @@ export default function LandingPage() { socialLinks={[ { icon: Facebook, - href: "#", - ariaLabel: "Facebook", - }, + href: "#", ariaLabel: "Facebook"}, { icon: Twitter, - href: "#", - ariaLabel: "Twitter", - }, + href: "#", ariaLabel: "Twitter"}, { icon: Instagram, - href: "#", - ariaLabel: "Instagram", - }, + href: "#", ariaLabel: "Instagram"}, { icon: Linkedin, - href: "#", - ariaLabel: "LinkedIn", - }, + href: "#", ariaLabel: "LinkedIn"}, ]} /> -- 2.49.1