Merge version_1 into main #1
134
src/app/page.tsx
134
src/app/page.tsx
@@ -30,25 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Hero",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Hero", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "How it works",
|
||||
id: "how-it-works",
|
||||
},
|
||||
name: "How it works", id: "how-it-works"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="NexAI Agency"
|
||||
/>
|
||||
@@ -57,19 +47,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Crafting the Future of AI Intelligence"
|
||||
description="We build sophisticated AI chatbots and immersive digital experiences that elevate your brand beyond reality."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
{
|
||||
text: "Our Work",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Our Work", href: "#services"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNZwg54PYrlNERoO7rWOF0gQx/a-large-3d-abstract-glowing-purple-metal-1774692737937-cd5d93e7.png"
|
||||
imageAlt="3D abstract futuristic object"
|
||||
@@ -80,38 +65,21 @@ export default function LandingPage() {
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
label: "Development",
|
||||
title: "AI Chatbot Engineering",
|
||||
items: [
|
||||
"Advanced LLM Integration",
|
||||
"Conversational UX Design",
|
||||
"Automated Workflows",
|
||||
],
|
||||
id: "s1", label: "Development", title: "AI Chatbot Engineering", items: [
|
||||
"Advanced LLM Integration", "Conversational UX Design", "Automated Workflows"],
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
label: "Design",
|
||||
title: "Futuristic UI/UX Design",
|
||||
items: [
|
||||
"Responsive Web Platforms",
|
||||
"Dark Mode UI Expertise",
|
||||
"Motion & Interaction Design",
|
||||
],
|
||||
id: "s2", label: "Design", title: "Futuristic UI/UX Design", items: [
|
||||
"Responsive Web Platforms", "Dark Mode UI Expertise", "Motion & Interaction Design"],
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
label: "Strategy",
|
||||
title: "Digital Transformation",
|
||||
items: [
|
||||
"AI Integration Strategy",
|
||||
"Automation Audits",
|
||||
"Scalable Tech Roadmap",
|
||||
],
|
||||
id: "s3", label: "Strategy", title: "Digital Transformation", items: [
|
||||
"AI Integration Strategy", "Automation Audits", "Scalable Tech Roadmap"],
|
||||
},
|
||||
]}
|
||||
title="Agency Expertise"
|
||||
@@ -126,19 +94,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Strategy",
|
||||
value: "Defined",
|
||||
},
|
||||
label: "Strategy", value: "Defined"},
|
||||
{
|
||||
icon: Code,
|
||||
label: "Execution",
|
||||
value: "Automated",
|
||||
},
|
||||
label: "Execution", value: "Automated"},
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Outcome",
|
||||
value: "Scalable",
|
||||
},
|
||||
label: "Outcome", value: "Scalable"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -151,38 +113,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Essential",
|
||||
price: "$5,000",
|
||||
subtitle: "Perfect for startups",
|
||||
buttons: [
|
||||
id: "p1", badge: "Essential", price: "$5,000", subtitle: "Perfect for startups", buttons: [
|
||||
{
|
||||
text: "Inquire",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Inquire", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Basic AI Chatbot",
|
||||
"Single Landing Page",
|
||||
"Support",
|
||||
],
|
||||
"Basic AI Chatbot", "Single Landing Page", "Support"],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Pro",
|
||||
price: "$12,000",
|
||||
subtitle: "For growing businesses",
|
||||
buttons: [
|
||||
id: "p2", badge: "Pro", price: "$12,000", subtitle: "For growing businesses", buttons: [
|
||||
{
|
||||
text: "Inquire",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Inquire", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Advanced LLM Bot",
|
||||
"Multi-page Site",
|
||||
"Full Interaction Design",
|
||||
],
|
||||
"Advanced LLM Bot", "Multi-page Site", "Full Interaction Design"],
|
||||
},
|
||||
]}
|
||||
title="Investment Packages"
|
||||
@@ -196,22 +140,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you work with existing tech?",
|
||||
content: "Yes, we integrate seamlessly with existing infrastructure.",
|
||||
},
|
||||
id: "f1", title: "Do you work with existing tech?", content: "Yes, we integrate seamlessly with existing infrastructure."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long is a typical project?",
|
||||
content: "Projects generally range from 4 to 12 weeks.",
|
||||
},
|
||||
id: "f2", title: "How long is a typical project?", content: "Projects generally range from 4 to 12 weeks."},
|
||||
]}
|
||||
ctaTitle="Ready to Launch?"
|
||||
ctaDescription="Let's discuss how we can transform your digital strategy with cutting-edge AI."
|
||||
ctaButton={{
|
||||
text: "Email Agency",
|
||||
href: "mailto:hello@agency.com",
|
||||
}}
|
||||
text: "Email Agency", href: "mailto:hello@agency.com"}}
|
||||
ctaIcon={Mail}
|
||||
/>
|
||||
</div>
|
||||
@@ -222,25 +158,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Process",
|
||||
href: "#how-it-works",
|
||||
},
|
||||
label: "Process", href: "#how-it-works"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user