Merge version_1 into main #1
212
src/app/page.tsx
212
src/app/page.tsx
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Results",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Results", id: "metrics" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" }
|
||||
]}
|
||||
brandName="NexusAgency"
|
||||
/>
|
||||
@@ -53,41 +41,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Engineered for Growth"
|
||||
description="We build high-performance digital platforms that drive results. From server architecture to digital marketing, we deliver excellence."
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-blurred-spots-black-screen_23-2148241362.jpg",
|
||||
imageAlt: "Abstract tech visualization",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-network-background-connection-cyber-space-ai-generative_123827-24187.jpg",
|
||||
imageAlt: "Digital network nodes",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-home-office-desk-using-green-screen-mockup-laptop_482257-121723.jpg",
|
||||
imageAlt: "Creative agency workspace",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-leader-professional-office-strategizing-development-success_482257-124038.jpg",
|
||||
imageAlt: "Fluid digital shapes",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/programmer-walking-data-center-coding-laptop_482257-124794.jpg",
|
||||
imageAlt: "Modern server architecture",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-computer-with-company-profit-progress-screen_482257-77678.jpg",
|
||||
imageAlt: "Analytics dashboard",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/high-blurred-spots-black-screen_23-2148241362.jpg", imageAlt: "Abstract tech visualization" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/technology-network-background-connection-cyber-space-ai-generative_123827-24187.jpg", imageAlt: "Digital network nodes" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/person-home-office-desk-using-green-screen-mockup-laptop_482257-121723.jpg", imageAlt: "Creative agency workspace" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/business-leader-professional-office-strategizing-development-success_482257-124038.jpg", imageAlt: "Fluid digital shapes" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/programmer-walking-data-center-coding-laptop_482257-124794.jpg", imageAlt: "Modern server architecture" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/laptop-computer-with-company-profit-progress-screen_482257-77678.jpg", imageAlt: "Analytics dashboard" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -99,38 +62,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Web Development",
|
||||
author: "Custom Code",
|
||||
description: "High-performance web applications using modern frameworks.",
|
||||
tags: [
|
||||
"React",
|
||||
"Next.js",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-software-developer-signaling-screen-data-breach-deactivated-security-system-tech-engineer-observing-multiple-system-security-breaches-caused-by-overloaded-storage-servers_482257-40529.jpg",
|
||||
id: "f1", title: "Web Development", author: "Custom Code", description: "High-performance web applications using modern frameworks.", tags: ["React", "Next.js"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-software-developer-signaling-screen-data-breach-deactivated-security-system-tech-engineer-observing-multiple-system-security-breaches-caused-by-overloaded-storage-servers_482257-40529.jpg"
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "SEO Optimization",
|
||||
author: "Search Strategy",
|
||||
description: "Data-driven SEO techniques that dominate search results.",
|
||||
tags: [
|
||||
"SEO",
|
||||
"Analytics",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-office-supplies_1098-3510.jpg",
|
||||
id: "f2", title: "SEO Optimization", author: "Search Strategy", description: "Data-driven SEO techniques that dominate search results.", tags: ["SEO", "Analytics"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-office-supplies_1098-3510.jpg"
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Server Building",
|
||||
author: "Infrastructure",
|
||||
description: "Reliable, secure, and scalable server architecture.",
|
||||
tags: [
|
||||
"Cloud",
|
||||
"DevOps",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-coding-data-center-testing-failover-scenarios-using-notebook_482257-119863.jpg",
|
||||
},
|
||||
id: "f3", title: "Server Building", author: "Infrastructure", description: "Reliable, secure, and scalable server architecture.", tags: ["Cloud", "DevOps"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-coding-data-center-testing-failover-scenarios-using-notebook_482257-119863.jpg"
|
||||
}
|
||||
]}
|
||||
title="Comprehensive Digital Solutions"
|
||||
description="We specialize in end-to-end digital services tailored to scale your business."
|
||||
@@ -141,37 +83,17 @@ export default function LandingPage() {
|
||||
<MetricCardSeven
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
title: "Projects Completed",
|
||||
items: [
|
||||
"Scalable apps",
|
||||
"Custom platforms",
|
||||
"Infrastructure builds",
|
||||
],
|
||||
id: "m1", value: "150+", title: "Projects Completed", items: ["Scalable apps", "Custom platforms", "Infrastructure builds"]
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
title: "Uptime Guaranteed",
|
||||
items: [
|
||||
"Reliable servers",
|
||||
"24/7 Monitoring",
|
||||
"Secure setup",
|
||||
],
|
||||
id: "m2", value: "99.9%", title: "Uptime Guaranteed", items: ["Reliable servers", "24/7 Monitoring", "Secure setup"]
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "200%",
|
||||
title: "Traffic Growth",
|
||||
items: [
|
||||
"SEO campaigns",
|
||||
"Strategic marketing",
|
||||
"Brand visibility",
|
||||
],
|
||||
},
|
||||
id: "m3", value: "200%", title: "Traffic Growth", items: ["SEO campaigns", "Strategic marketing", "Brand visibility"]
|
||||
}
|
||||
]}
|
||||
title="Proven Performance"
|
||||
description="Numbers that define our impact and success in the digital space."
|
||||
@@ -182,31 +104,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13831.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-handsome-caucasian-man-posing-looking-camera-isolated-dark-background_613910-15062.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Kevin L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Julia M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-with-arms-crossed-holding-white-headphone-around-his-neck_23-2148096439.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13831.jpg" },
|
||||
{ id: "t2", name: "Mark D.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-handsome-caucasian-man-posing-looking-camera-isolated-dark-background_613910-15062.jpg" },
|
||||
{ id: "t3", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg" },
|
||||
{ id: "t4", name: "Kevin L.", imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg" },
|
||||
{ id: "t5", name: "Julia M.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-with-arms-crossed-holding-white-headphone-around-his-neck_23-2148096439.jpg" }
|
||||
]}
|
||||
cardTitle="What Clients Say"
|
||||
cardTag="Testimonials"
|
||||
@@ -219,21 +121,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What is your development timeline?",
|
||||
content: "Timelines vary by scope, but we typically aim for a 6-10 week delivery cycle.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you handle server maintenance?",
|
||||
content: "Yes, we provide managed server setups and ongoing maintenance to ensure optimal performance.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can you improve existing SEO?",
|
||||
content: "Absolutely, our SEO audits are the first step to reclaiming your search engine rankings.",
|
||||
},
|
||||
{ id: "q1", title: "What is your development timeline?", content: "Timelines vary by scope, but we typically aim for a 6-10 week delivery cycle." },
|
||||
{ id: "q2", title: "Do you handle server maintenance?", content: "Yes, we provide managed server setups and ongoing maintenance to ensure optimal performance." },
|
||||
{ id: "q3", title: "Can you improve existing SEO?", content: "Absolutely, our SEO audits are the first step to reclaiming your search engine rankings." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Quick answers to help you understand our process."
|
||||
@@ -245,8 +135,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Get Started"
|
||||
title="Ready to Scale Your Digital Presence?"
|
||||
description="Let's build something extraordinary together. Contact us today for a consultation."
|
||||
@@ -258,35 +147,18 @@ export default function LandingPage() {
|
||||
logoText="NexusAgency"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Development",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "SEO",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Server Setup",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Services", items: [
|
||||
{ label: "Development", href: "#" },
|
||||
{ label: "SEO", href: "#" },
|
||||
{ label: "Server Setup", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Careers", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user