Merge version_1 into main #2
321
src/app/page.tsx
321
src/app/page.tsx
@@ -10,8 +10,8 @@ import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCa
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,22 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="DesignAI"
|
||||
/>
|
||||
@@ -57,40 +46,16 @@ export default function LandingPage() {
|
||||
logoText="DesignAI"
|
||||
description="The AI-powered graphic design platform for everyone. Create stunning visuals, professional presentations, and social media content in seconds."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Designing",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "See Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
{ text: "Start Designing", href: "#" },
|
||||
{ text: "See Pricing", href: "#pricing" },
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-artist-using-stylus-pen-tablet-create-art_23-2152014679.jpg?_wi=1",
|
||||
imageAlt: "AI design interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monitor-showing-ai-virtual-assistant-producing-clips_482257-112677.jpg?_wi=1",
|
||||
imageAlt: "Visual project display",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-business-executives-holding-plastic-containers_1170-776.jpg?_wi=1",
|
||||
imageAlt: "Collaborative design workspace",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg?_wi=1",
|
||||
imageAlt: "Digital art generation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320719.jpg?_wi=1",
|
||||
imageAlt: "Designer tools workspace",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543704.jpg",
|
||||
imageAlt: "Creative design suite",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/digital-artist-using-stylus-pen-tablet-create-art_23-2152014679.jpg", imageAlt: "AI design interface" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/monitor-showing-ai-virtual-assistant-producing-clips_482257-112677.jpg", imageAlt: "Visual project display" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/group-business-executives-holding-plastic-containers_1170-776.jpg", imageAlt: "Collaborative design workspace" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg", imageAlt: "Digital art generation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320719.jpg", imageAlt: "Designer tools workspace" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543704.jpg", imageAlt: "Creative design suite" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -100,10 +65,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Unmatched Design Capabilities"
|
||||
description={[
|
||||
"DesignAI combines a powerful, production-grade canvas engine with state-of-the-art AI technology to accelerate your creative workflow.",
|
||||
"Our platform is built for everyone, from individuals to enterprise teams, providing intuitive tools that simplify complex design tasks.",
|
||||
"Transform your ideas into reality effortlessly. With DesignAI, you are only limited by your imagination.",
|
||||
]}
|
||||
"DesignAI combines a powerful, production-grade canvas engine with state-of-the-art AI technology to accelerate your creative workflow.", "Our platform is built for everyone, from individuals to enterprise teams, providing intuitive tools that simplify complex design tasks.", "Transform your ideas into reality effortlessly. With DesignAI, you are only limited by your imagination."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -114,26 +76,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Magic Background Removal",
|
||||
description: "One-click background removal for product images and portraits.",
|
||||
tag: "AI Feature",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-creativity-meet-modern-studio-generative-ai_188544-19475.jpg",
|
||||
},
|
||||
id: "f1", title: "Magic Background Removal", description: "One-click background removal for product images and portraits.", tag: "AI Feature", imageSrc: "http://img.b2bpic.net/free-photo/technology-creativity-meet-modern-studio-generative-ai_188544-19475.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Smart Layout Suggestions",
|
||||
description: "Get intelligent design arrangement suggestions in real-time.",
|
||||
tag: "AI Feature",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169862.jpg",
|
||||
},
|
||||
id: "f2", title: "Smart Layout Suggestions", description: "Get intelligent design arrangement suggestions in real-time.", tag: "AI Feature", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169862.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "AI Chat Assistant",
|
||||
description: "Your creative companion to answer design questions and help build projects.",
|
||||
tag: "AI Feature",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-ai-robot-scene_23-2151675019.jpg",
|
||||
},
|
||||
id: "f3", title: "AI Chat Assistant", description: "Your creative companion to answer design questions and help build projects.", tag: "AI Feature", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-ai-robot-scene_23-2151675019.jpg"},
|
||||
]}
|
||||
title="Built-in AI Power"
|
||||
description="Harness the power of artificial intelligence to automate tedious design work."
|
||||
@@ -142,52 +89,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="ai-tools" data-section="ai-tools">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Magic Write",
|
||||
price: "AI-Powered",
|
||||
variant: "Text Generation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-business-workplace-equipped-with-modern-tech-tools-serve-enterprise_482257-125151.jpg",
|
||||
},
|
||||
id: "p1", name: "Magic Write", price: "AI-Powered", variant: "Text Generation", imageSrc: "http://img.b2bpic.net/free-photo/empty-business-workplace-equipped-with-modern-tech-tools-serve-enterprise_482257-125151.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "AI Image Generator",
|
||||
price: "Creative",
|
||||
variant: "Image Gen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-workspace-equipped-digital-design-photo-editing_482257-126934.jpg",
|
||||
},
|
||||
id: "p2", name: "AI Image Generator", price: "Creative", variant: "Image Gen", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-workspace-equipped-digital-design-photo-editing_482257-126934.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Style Transfer",
|
||||
price: "Artistic",
|
||||
variant: "Style Editor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-illustrator-drawing-tablet_23-2150040136.jpg",
|
||||
},
|
||||
id: "p3", name: "Style Transfer", price: "Artistic", variant: "Style Editor", imageSrc: "http://img.b2bpic.net/free-photo/front-view-illustrator-drawing-tablet_23-2150040136.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Magic Resize",
|
||||
price: "Productivity",
|
||||
variant: "Layout",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concept-artist-desktop-graphics-tablet_93675-131334.jpg",
|
||||
},
|
||||
id: "p4", name: "Magic Resize", price: "Productivity", variant: "Layout", imageSrc: "http://img.b2bpic.net/free-photo/concept-artist-desktop-graphics-tablet_93675-131334.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Data to Infographic",
|
||||
price: "Analytics",
|
||||
variant: "Chart Generator",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/technology-editable-template-set_53876-113974.jpg",
|
||||
},
|
||||
id: "p5", name: "Data to Infographic", price: "Analytics", variant: "Chart Generator", imageSrc: "http://img.b2bpic.net/free-vector/technology-editable-template-set_53876-113974.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Translate",
|
||||
price: "Global",
|
||||
variant: "AI Translation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-together-desk_23-2149337238.jpg",
|
||||
},
|
||||
id: "p6", name: "Translate", price: "Global", variant: "AI Translation", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-together-desk_23-2149337238.jpg"},
|
||||
]}
|
||||
title="AI Powered Creative Tools"
|
||||
description="Our suite of professional-grade tools powered by Claude and modern image processing APIs."
|
||||
@@ -201,58 +119,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "free",
|
||||
badge: "Free",
|
||||
price: "$0",
|
||||
subtitle: "For personal use",
|
||||
features: [
|
||||
"5GB storage",
|
||||
"250k+ templates",
|
||||
"Basic AI tools",
|
||||
"Standard export",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
id: "free", badge: "Free", price: "$0", subtitle: "For personal use", features: ["5GB storage", "250k+ templates", "Basic AI tools", "Standard export"],
|
||||
buttons: [{ text: "Get Started", href: "#" }],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
price: "$14.99",
|
||||
subtitle: "For individuals",
|
||||
features: [
|
||||
"1TB storage",
|
||||
"100m+ premium assets",
|
||||
"Unlimited AI tools",
|
||||
"PDF & SVG export",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Go Pro",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
id: "pro", badge: "Pro", price: "$14.99", subtitle: "For individuals", features: ["1TB storage", "100m+ premium assets", "Unlimited AI tools", "PDF & SVG export"],
|
||||
buttons: [{ text: "Go Pro", href: "#" }],
|
||||
},
|
||||
{
|
||||
id: "teams",
|
||||
badge: "Teams",
|
||||
price: "$29.99",
|
||||
subtitle: "For your team",
|
||||
features: [
|
||||
"Real-time collaboration",
|
||||
"Brand controls",
|
||||
"Admin dashboards",
|
||||
"Advanced analytics",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact Sales",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
id: "teams", badge: "Teams", price: "$29.99", subtitle: "For your team", features: ["Real-time collaboration", "Brand controls", "Admin dashboards", "Advanced analytics"],
|
||||
buttons: [{ text: "Contact Sales", href: "#" }],
|
||||
},
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
@@ -266,60 +142,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
date: "Jan 2025",
|
||||
title: "CEO",
|
||||
quote: "The AI features have transformed how my team creates content.",
|
||||
tag: "Pro User",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-man_176474-85901.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-artist-using-stylus-pen-tablet-create-art_23-2152014679.jpg?_wi=2",
|
||||
imageAlt: "professional ceo portrait studio background",
|
||||
},
|
||||
id: "t1", name: "Sarah Johnson", date: "Jan 2025", title: "CEO", quote: "The AI features have transformed how my team creates content.", tag: "Pro User", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-man_176474-85901.jpg", imageSrc: "http://img.b2bpic.net/free-photo/digital-artist-using-stylus-pen-tablet-create-art_23-2152014679.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
date: "Dec 2024",
|
||||
title: "CTO",
|
||||
quote: "Fast, intuitive, and the AI tools are absolute magic.",
|
||||
tag: "Pro User",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21365.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monitor-showing-ai-virtual-assistant-producing-clips_482257-112677.jpg?_wi=2",
|
||||
imageAlt: "professional ceo portrait studio background",
|
||||
},
|
||||
id: "t2", name: "Michael Chen", date: "Dec 2024", title: "CTO", quote: "Fast, intuitive, and the AI tools are absolute magic.", tag: "Pro User", avatarSrc: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21365.jpg", imageSrc: "http://img.b2bpic.net/free-photo/monitor-showing-ai-virtual-assistant-producing-clips_482257-112677.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
date: "Nov 2024",
|
||||
title: "Marketing Director",
|
||||
quote: "DesignAI saved my team hours every single day.",
|
||||
tag: "Team User",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-business-executives-holding-plastic-containers_1170-776.jpg?_wi=2",
|
||||
imageAlt: "professional ceo portrait studio background",
|
||||
},
|
||||
id: "t3", name: "Emily Rodriguez", date: "Nov 2024", title: "Marketing Director", quote: "DesignAI saved my team hours every single day.", tag: "Team User", avatarSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg", imageSrc: "http://img.b2bpic.net/free-photo/group-business-executives-holding-plastic-containers_1170-776.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
date: "Oct 2024",
|
||||
title: "Product Manager",
|
||||
quote: "The best design tool for rapid prototyping, hands down.",
|
||||
tag: "Pro User",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/thoughtful-businessman-sweater-intently-looking-window-work-laptop-city-cafe_574295-4322.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg?_wi=2",
|
||||
imageAlt: "professional ceo portrait studio background",
|
||||
},
|
||||
id: "t4", name: "David Kim", date: "Oct 2024", title: "Product Manager", quote: "The best design tool for rapid prototyping, hands down.", tag: "Pro User", avatarSrc: "http://img.b2bpic.net/free-photo/thoughtful-businessman-sweater-intently-looking-window-work-laptop-city-cafe_574295-4322.jpg", imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena Rossi",
|
||||
date: "Sep 2024",
|
||||
title: "Lead Designer",
|
||||
quote: "Simply intuitive, powerful, and fun. It's a must have.",
|
||||
tag: "Team User",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiley-architect-holding-his-plans_23-2148242980.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320719.jpg?_wi=2",
|
||||
imageAlt: "professional ceo portrait studio background",
|
||||
},
|
||||
id: "t5", name: "Elena Rossi", date: "Sep 2024", title: "Lead Designer", quote: "Simply intuitive, powerful, and fun. It's a must have.", tag: "Team User", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-architect-holding-his-plans_23-2148242980.jpg", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320719.jpg"},
|
||||
]}
|
||||
title="Loved by Designers Everywhere"
|
||||
description="Join millions of satisfied creative professionals using DesignAI."
|
||||
@@ -332,20 +163,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is DesignAI free?",
|
||||
content: "Yes, we offer a generous free tier for individuals and small personal projects.",
|
||||
},
|
||||
id: "q1", title: "Is DesignAI free?", content: "Yes, we offer a generous free tier for individuals and small personal projects."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I collaborate with my team?",
|
||||
content: "Absolutely. Teams plan allows for real-time collaboration with shared assets.",
|
||||
},
|
||||
id: "q2", title: "Can I collaborate with my team?", content: "Absolutely. Teams plan allows for real-time collaboration with shared assets."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are the AI tools included?",
|
||||
content: "Yes, every plan includes AI features, with Pro and Teams offering unlimited access.",
|
||||
},
|
||||
id: "q3", title: "Are the AI tools included?", content: "Yes, every plan includes AI features, with Pro and Teams offering unlimited access."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We have answers."
|
||||
@@ -356,16 +178,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
text="Ready to take your design workflow to the next level?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started Now",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Started Now", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -374,54 +189,24 @@ export default function LandingPage() {
|
||||
logoText="DesignAI"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
label: "Templates",
|
||||
href: "#",
|
||||
},
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
{ label: "Templates", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Tutorials",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
title: "Resources", items: [
|
||||
{ label: "Help Center", href: "#" },
|
||||
{ label: "Tutorials", href: "#" },
|
||||
{ label: "Blog", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user