Merge version_1 into main #1
251
src/app/page.tsx
251
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="GenAI Code"
|
||||
/>
|
||||
@@ -56,32 +48,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Build Smarter with GenAI"
|
||||
description="Your ultimate AI partner for rapid coding and stunning image generation. Transform ideas into reality instantly."
|
||||
tag="Revolutionizing Development"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teamworking-engineers-coding-advanced-ai-algorithm-startup_482257-124943.jpg",
|
||||
imageAlt: "AI Coding Assistant",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teamworking-engineers-coding-advanced-ai-algorithm-startup_482257-124943.jpg", imageAlt: "AI Coding Assistant"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-screen-with-ai-program-turning-text-prompt-into-videos-results_482257-125496.jpg",
|
||||
imageAlt: "Generative Art Canvas",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/admin-typing-pc-keyboard-startup-office-coding-advanced-ai-algorithm_482257-125097.jpg",
|
||||
imageAlt: "Admin typing on PC keyboard in startup office coding advanced AI algorithm",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cto-manager-artificial-intelligence-startup-coding-listening-music_482257-118860.jpg",
|
||||
imageAlt: "CTO manager in artificial intelligence startup coding listening music",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sleek-desktop-workspace-displays-active-code-windows-artificial-intelligence_482257-126307.jpg",
|
||||
imageAlt: "Sleek desktop workspace displays active code windows for artificial intelligence",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-screen-with-ai-program-turning-text-prompt-into-videos-results_482257-125496.jpg", imageAlt: "Generative Art Canvas"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -89,13 +64,9 @@ export default function LandingPage() {
|
||||
tagIcon={Sparkles}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
{
|
||||
text: "View Demo",
|
||||
href: "#",
|
||||
},
|
||||
text: "View Demo", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -107,26 +78,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Automated Coding",
|
||||
subtitle: "Write code faster with smart AI completion.",
|
||||
category: "Coding",
|
||||
value: "90% Faster",
|
||||
},
|
||||
id: "f1", title: "Automated Coding", subtitle: "Write code faster with smart AI completion.", category: "Coding", value: "90% Faster"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Generative Images",
|
||||
subtitle: "Create high-res art from simple text.",
|
||||
category: "Design",
|
||||
value: "Instant",
|
||||
},
|
||||
id: "f2", title: "Generative Images", subtitle: "Create high-res art from simple text.", category: "Design", value: "Instant"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Smart Refactoring",
|
||||
subtitle: "Maintain clean, efficient code automatically.",
|
||||
category: "DevTools",
|
||||
value: "Clean",
|
||||
},
|
||||
id: "f3", title: "Smart Refactoring", subtitle: "Maintain clean, efficient code automatically.", category: "DevTools", value: "Clean"},
|
||||
]}
|
||||
title="Unmatched AI Capabilities"
|
||||
description="Powerful tools integrated into one seamless workflow."
|
||||
@@ -141,41 +97,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Code Assistant Pro",
|
||||
price: "$29/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg",
|
||||
},
|
||||
id: "p1", name: "Code Assistant Pro", price: "$29/mo", imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Creative Suite AI",
|
||||
price: "$39/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-portrait-with-pears_23-2151065519.jpg",
|
||||
},
|
||||
id: "p2", name: "Creative Suite AI", price: "$39/mo", imageSrc: "http://img.b2bpic.net/free-photo/digital-portrait-with-pears_23-2151065519.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Data Analyst Engine",
|
||||
price: "$49/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg",
|
||||
},
|
||||
id: "p3", name: "Data Analyst Engine", price: "$49/mo", imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Cloud Deployment AI",
|
||||
price: "$59/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-using-technology-digital-device-with-cloud-computing-icon-graphic_53876-13919.jpg",
|
||||
},
|
||||
id: "p4", name: "Cloud Deployment AI", price: "$59/mo", imageSrc: "http://img.b2bpic.net/free-photo/people-using-technology-digital-device-with-cloud-computing-icon-graphic_53876-13919.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Testing Suite Pro",
|
||||
price: "$19/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineer-writing-code-green-screen-tablet-developing-machine-learning-apis-admin-using-chroma-key_482257-136248.jpg",
|
||||
},
|
||||
id: "p5", name: "Testing Suite Pro", price: "$19/mo", imageSrc: "http://img.b2bpic.net/free-photo/engineer-writing-code-green-screen-tablet-developing-machine-learning-apis-admin-using-chroma-key_482257-136248.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Dev Collaboration Hub",
|
||||
price: "$25/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg",
|
||||
},
|
||||
id: "p6", name: "Dev Collaboration Hub", price: "$25/mo", imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg"},
|
||||
]}
|
||||
title="Core Modules"
|
||||
description="Explore the tools in your GenAI toolbox."
|
||||
@@ -189,22 +121,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Lines Generated",
|
||||
value: "50M+",
|
||||
icon: Code,
|
||||
id: "m1", title: "Lines Generated", value: "50M+", icon: Code,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Images Created",
|
||||
value: "12M+",
|
||||
icon: Palette,
|
||||
id: "m2", title: "Images Created", value: "12M+", icon: Palette,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Active Users",
|
||||
value: "100K+",
|
||||
icon: Users,
|
||||
id: "m3", title: "Active Users", value: "100K+", icon: Users,
|
||||
},
|
||||
]}
|
||||
title="Impact by Numbers"
|
||||
@@ -219,42 +142,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Chen",
|
||||
handle: "@sarahc",
|
||||
testimonial: "GenAI has completely changed how I build apps.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Chen", handle: "@sarahc", testimonial: "GenAI has completely changed how I build apps.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mike Ross",
|
||||
handle: "@miker",
|
||||
testimonial: "Image generation is top-tier and so easy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/no-minute-without-my-laptop-handsome-young-man-working-laptop-while-enjoying-coffee-cafe_639032-2899.jpg",
|
||||
},
|
||||
id: "t2", name: "Mike Ross", handle: "@miker", testimonial: "Image generation is top-tier and so easy.", imageSrc: "http://img.b2bpic.net/free-photo/no-minute-without-my-laptop-handsome-young-man-working-laptop-while-enjoying-coffee-cafe_639032-2899.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily P.",
|
||||
handle: "@emilyp",
|
||||
testimonial: "The refactoring tool saves me hours every day.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-retoucher-sitting-creative-workplace-looking-camera-smiling_482257-18778.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily P.", handle: "@emilyp", testimonial: "The refactoring tool saves me hours every day.", imageSrc: "http://img.b2bpic.net/free-photo/photo-retoucher-sitting-creative-workplace-looking-camera-smiling_482257-18778.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David W.",
|
||||
handle: "@davidw",
|
||||
testimonial: "An essential platform for any modern team.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg",
|
||||
},
|
||||
id: "t4", name: "David W.", handle: "@davidw", testimonial: "An essential platform for any modern team.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Julie L.",
|
||||
handle: "@juliel",
|
||||
testimonial: "Incredible accuracy and speed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg",
|
||||
},
|
||||
id: "t5", name: "Julie L.", handle: "@juliel", testimonial: "Incredible accuracy and speed.", imageSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg"},
|
||||
]}
|
||||
title="What They Say"
|
||||
description="Our users love the platform."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -265,55 +164,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$49",
|
||||
subtitle: "For individuals starting their journey.",
|
||||
buttons: [
|
||||
id: "basic", badge: "Essential", price: "$49", subtitle: "For individuals starting their journey.", buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Limited code gen",
|
||||
"Basic art output",
|
||||
"Email support",
|
||||
],
|
||||
"Limited code gen", "Basic art output", "Email support"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
price: "$129",
|
||||
subtitle: "Perfect for pro developers.",
|
||||
buttons: [
|
||||
id: "pro", badge: "Pro", price: "$129", subtitle: "Perfect for pro developers.", buttons: [
|
||||
{
|
||||
text: "Upgrade Pro",
|
||||
href: "#",
|
||||
},
|
||||
text: "Upgrade Pro", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Unlimited code gen",
|
||||
"HD images",
|
||||
"Priority access",
|
||||
],
|
||||
"Unlimited code gen", "HD images", "Priority access"],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Enterprise",
|
||||
price: "$499",
|
||||
subtitle: "Built for large scale teams.",
|
||||
buttons: [
|
||||
id: "enterprise", badge: "Enterprise", price: "$499", subtitle: "Built for large scale teams.", buttons: [
|
||||
{
|
||||
text: "Contact Sales",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Sales", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Custom AI models",
|
||||
"SSO integration",
|
||||
"Dedicated manager",
|
||||
],
|
||||
"Custom AI models", "SSO integration", "Dedicated manager"],
|
||||
},
|
||||
]}
|
||||
title="Simple Pricing"
|
||||
@@ -327,20 +199,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How does it code?",
|
||||
content: "Our AI uses large language models to assist coding.",
|
||||
},
|
||||
id: "q1", title: "How does it code?", content: "Our AI uses large language models to assist coding."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is generation fast?",
|
||||
content: "Results are typically delivered in milliseconds.",
|
||||
},
|
||||
id: "q2", title: "Is generation fast?", content: "Results are typically delivered in milliseconds."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I use images commercially?",
|
||||
content: "Yes, our plans cover commercial usage.",
|
||||
},
|
||||
id: "q3", title: "Can I use images commercially?", content: "Yes, our plans cover commercial usage."},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -352,8 +215,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Stay Updated"
|
||||
description="Join our newsletter for the latest AI news."
|
||||
tag="Newsletter"
|
||||
@@ -365,42 +227,27 @@ export default function LandingPage() {
|
||||
logoText="GenAI Code"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user