Merge version_2 into main #2
149
src/app/page.tsx
149
src/app/page.tsx
@@ -32,14 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="GenAI Code"
|
||||
/>
|
||||
@@ -47,26 +43,21 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ 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/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/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" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by 10,000+ developers"
|
||||
tagIcon={Sparkles}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started", href: "#"},
|
||||
{
|
||||
text: "View Demo", href: "#"},
|
||||
{ text: "Get Started", href: "#" },
|
||||
{ text: "View Demo", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -77,12 +68,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
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: "f3", title: "Smart Refactoring", subtitle: "Maintain clean, efficient code automatically.", category: "DevTools", value: "Clean"},
|
||||
{ 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: "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."
|
||||
@@ -96,18 +84,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
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: "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: "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: "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: "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: "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: "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" },
|
||||
]}
|
||||
title="Core Modules"
|
||||
description="Explore the tools in your GenAI toolbox."
|
||||
@@ -120,15 +102,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", title: "Lines Generated", value: "50M+", icon: Code,
|
||||
},
|
||||
{
|
||||
id: "m2", title: "Images Created", value: "12M+", icon: Palette,
|
||||
},
|
||||
{
|
||||
id: "m3", title: "Active Users", value: "100K+", icon: Users,
|
||||
},
|
||||
{ id: "m1", title: "Lines Generated", value: "50M+", icon: Code },
|
||||
{ id: "m2", title: "Images Created", value: "12M+", icon: Palette },
|
||||
{ id: "m3", title: "Active Users", value: "100K+", icon: Users },
|
||||
]}
|
||||
title="Impact by Numbers"
|
||||
description="Our platform empowers developers worldwide."
|
||||
@@ -141,16 +117,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
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: "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: "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: "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: "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: "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."
|
||||
@@ -163,30 +134,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic", badge: "Essential", price: "$49", subtitle: "For individuals starting their journey.", buttons: [
|
||||
{
|
||||
text: "Get Started", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Limited code gen", "Basic art output", "Email support"],
|
||||
},
|
||||
{
|
||||
id: "pro", badge: "Pro", price: "$129", subtitle: "Perfect for pro developers.", buttons: [
|
||||
{
|
||||
text: "Upgrade Pro", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Unlimited code gen", "HD images", "Priority access"],
|
||||
},
|
||||
{
|
||||
id: "enterprise", badge: "Enterprise", price: "$499", subtitle: "Built for large scale teams.", buttons: [
|
||||
{
|
||||
text: "Contact Sales", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Custom AI models", "SSO integration", "Dedicated manager"],
|
||||
},
|
||||
{ id: "basic", badge: "Essential", price: "$49", subtitle: "For individuals starting their journey.", buttons: [{ text: "Get Started", href: "#" }], features: ["Limited code gen", "Basic art output", "Email support"] },
|
||||
{ id: "pro", badge: "Pro", price: "$129", subtitle: "Perfect for pro developers.", buttons: [{ text: "Upgrade Pro", href: "#" }], features: ["Unlimited code gen", "HD images", "Priority access"] },
|
||||
{ id: "enterprise", badge: "Enterprise", price: "$499", subtitle: "Built for large scale teams.", buttons: [{ text: "Contact Sales", href: "#" }], features: ["Custom AI models", "SSO integration", "Dedicated manager"] },
|
||||
]}
|
||||
title="Simple Pricing"
|
||||
description="Choose the perfect plan for your AI development needs."
|
||||
@@ -198,12 +148,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
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: "q3", title: "Can I use images commercially?", content: "Yes, our plans cover commercial usage."},
|
||||
{ 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: "q3", title: "Can I use images commercially?", content: "Yes, our plans cover commercial usage." },
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -214,8 +161,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Stay Updated"
|
||||
description="Join our newsletter for the latest AI news."
|
||||
tag="Newsletter"
|
||||
@@ -226,34 +172,13 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="GenAI Code"
|
||||
columns={[
|
||||
{
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user