Merge version_1 into main #1
322
src/app/page.tsx
322
src/app/page.tsx
@@ -26,219 +26,129 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Comparison",
|
||||
id: "#comparison",
|
||||
},
|
||||
{
|
||||
name: "Performance",
|
||||
id: "#metrics",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
]}
|
||||
brandName="Nexus"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Comparison", id: "#comparison" },
|
||||
{ name: "Performance", id: "#metrics" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
]}
|
||||
brandName="Nexus"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Nexus: The Future of Rapid Development"
|
||||
description="Stop struggling with restrictive, slow platforms. Nexus offers 10x the performance, unlimited customization, and a developer-first experience that leaves Lovable behind."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Free Trial",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Compare Now",
|
||||
href: "#comparison",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-55085.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Nexus: The Future of Rapid Development"
|
||||
description="Stop struggling with restrictive, slow platforms. Nexus offers 10x the performance, unlimited customization, and a developer-first experience that leaves Lovable behind."
|
||||
buttons={[
|
||||
{ text: "Start Free Trial", href: "#" },
|
||||
{ text: "Compare Now", href: "#comparison" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-55085.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="comparison" data-section="comparison">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Zero Latency Build Times",
|
||||
tags: [
|
||||
"Performance",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-lights-from-wonder-wheel-light-bulb_23-2148328102.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Full Codebase Ownership",
|
||||
tags: [
|
||||
"Control",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-preparing-visual-preview-clients-pc-close-up_482257-118882.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Infinite API Flexibility",
|
||||
tags: [
|
||||
"Flexibility",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-banking-transparent-screen_53876-105382.jpg",
|
||||
},
|
||||
]}
|
||||
title="Why Nexus Outperforms"
|
||||
description="Lovable provides a great starting point, but Nexus is built for scale, performance, and complete ownership."
|
||||
/>
|
||||
</div>
|
||||
<div id="comparison" data-section="comparison">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Zero Latency Build Times", tags: ["Performance"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-lights-from-wonder-wheel-light-bulb_23-2148328102.jpg"},
|
||||
{
|
||||
id: "2", title: "Full Codebase Ownership", tags: ["Control"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-preparing-visual-preview-clients-pc-close-up_482257-118882.jpg"},
|
||||
{
|
||||
id: "3", title: "Infinite API Flexibility", tags: ["Flexibility"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-banking-transparent-screen_53876-105382.jpg"},
|
||||
]}
|
||||
title="Why Nexus Outperforms"
|
||||
description="Lovable provides a great starting point, but Nexus is built for scale, performance, and complete ownership."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "400%",
|
||||
description: "Faster build speed",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.99%",
|
||||
description: "Platform Uptime",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15ms",
|
||||
description: "Avg API latency",
|
||||
},
|
||||
]}
|
||||
title="The Results Don't Lie"
|
||||
description="Nexus consistently delivers faster time-to-market compared to standard no-code/AI platforms."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "400%", description: "Faster build speed" },
|
||||
{ id: "m2", value: "99.99%", description: "Platform Uptime" },
|
||||
{ id: "m3", value: "15ms", description: "Avg API latency" },
|
||||
]}
|
||||
title="The Results Don't Lie"
|
||||
description="Nexus consistently delivers faster time-to-market compared to standard no-code/AI platforms."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Jenkins",
|
||||
handle: "@sjenkins",
|
||||
testimonial: "Nexus literally changed our dev lifecycle overnight. Lovable was slow; Nexus is pure power.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businessman-posing-looking-camera_1163-4800.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Chen",
|
||||
handle: "@dchen",
|
||||
testimonial: "The customization level on Nexus is unparalleled. We don't feel locked in anymore.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-computer-wooden-table-night-work-desk_169016-50755.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Maria Garcia",
|
||||
handle: "@mgarcia",
|
||||
testimonial: "Build speed is critical. Nexus is the only platform that delivered on its promise.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-sketch-near-keyboard_23-2147823718.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Alex Rivet",
|
||||
handle: "@arivet",
|
||||
testimonial: "I switched from Lovable and never looked back. The feature set is just deeper.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-people-having-fun-work-break_23-2149060345.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sam Thorne",
|
||||
handle: "@sthorne",
|
||||
testimonial: "Nexus is built for scale, not just demos. A true professional-grade tool.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-updating-server-room-supercomputers-systems_482257-115500.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Loved by Developers"
|
||||
description="See why top-tier engineering teams are switching to Nexus for their product builds."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Jenkins", handle: "@sjenkins", testimonial: "Nexus literally changed our dev lifecycle overnight. Lovable was slow; Nexus is pure power.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businessman-posing-looking-camera_1163-4800.jpg"},
|
||||
{
|
||||
id: "2", name: "David Chen", handle: "@dchen", testimonial: "The customization level on Nexus is unparalleled. We don't feel locked in anymore.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-computer-wooden-table-night-work-desk_169016-50755.jpg"},
|
||||
{
|
||||
id: "3", name: "Maria Garcia", handle: "@mgarcia", testimonial: "Build speed is critical. Nexus is the only platform that delivered on its promise.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-sketch-near-keyboard_23-2147823718.jpg"},
|
||||
{
|
||||
id: "4", name: "Alex Rivet", handle: "@arivet", testimonial: "I switched from Lovable and never looked back. The feature set is just deeper.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-people-having-fun-work-break_23-2149060345.jpg"},
|
||||
{
|
||||
id: "5", name: "Sam Thorne", handle: "@sthorne", testimonial: "Nexus is built for scale, not just demos. A true professional-grade tool.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-updating-server-room-supercomputers-systems_482257-115500.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Loved by Developers"
|
||||
description="See why top-tier engineering teams are switching to Nexus for their product builds."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How is Nexus different from Lovable?",
|
||||
content: "Nexus is built with a developer-first philosophy, offering deep backend hooks and granular control that simplified AI builders like Lovable can't match.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is it hard to migrate?",
|
||||
content: "Our migration tools are designed to import your existing logic in minutes, with zero downtime.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I export my code?",
|
||||
content: "Absolutely. You own 100% of the code generated on our platform, no questions asked.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Still have questions about how Nexus beats the competition?"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "How is Nexus different from Lovable?", content: "Nexus is built with a developer-first philosophy, offering deep backend hooks and granular control that simplified AI builders like Lovable can't match."},
|
||||
{
|
||||
id: "q2", title: "Is it hard to migrate?", content: "Our migration tools are designed to import your existing logic in minutes, with zero downtime."},
|
||||
{
|
||||
id: "q3", title: "Can I export my code?", content: "Absolutely. You own 100% of the code generated on our platform, no questions asked."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Still have questions about how Nexus beats the competition?"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Ready to build the future with Nexus? Let's talk."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Sales",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to build the future with Nexus? Let's talk."
|
||||
buttons={[{ text: "Contact Sales", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Nexus"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Nexus"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user