Update src/app/page.tsx
This commit is contained in:
175
src/app/page.tsx
175
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Insights",
|
||||
id: "blog",
|
||||
},
|
||||
name: "Insights", id: "blog"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="ApexDigital"
|
||||
/>
|
||||
@@ -59,35 +51,21 @@ export default function LandingPage() {
|
||||
description="Crafting premium digital experiences for forward-thinking brands. We build high-performance software and web solutions that scale."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hdl8jh",
|
||||
imageAlt: "dark abstract tech background",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hdl8jh", imageAlt: "dark abstract tech background"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hhn08k",
|
||||
imageAlt: "dark abstract tech background",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hhn08k", imageAlt: "dark abstract tech background"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vre8zq",
|
||||
imageAlt: "dark abstract tech background",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vre8zq", imageAlt: "dark abstract tech background"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=11sadj",
|
||||
imageAlt: "dark abstract tech background",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=11sadj", imageAlt: "dark abstract tech background"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0lmejw",
|
||||
imageAlt: "dark abstract tech background",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0lmejw", imageAlt: "dark abstract tech background"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lyyatt",
|
||||
imageAlt: "dark abstract tech background",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lyyatt", imageAlt: "dark abstract tech background"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -114,19 +92,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Code,
|
||||
title: "Custom Development",
|
||||
description: "Tailor-made software built for security, performance, and scalability.",
|
||||
},
|
||||
title: "Custom Development", description: "Tailor-made software built for security, performance, and scalability."},
|
||||
{
|
||||
icon: Smartphone,
|
||||
title: "Mobile First",
|
||||
description: "Seamless, intuitive applications optimized for every device and platform.",
|
||||
},
|
||||
title: "Mobile First", description: "Seamless, intuitive applications optimized for every device and platform."},
|
||||
{
|
||||
icon: Globe,
|
||||
title: "Web Architecture",
|
||||
description: "Scalable web infrastructure designed for modern traffic demands.",
|
||||
},
|
||||
title: "Web Architecture", description: "Scalable web infrastructure designed for modern traffic demands."},
|
||||
]}
|
||||
title="Core Expertise"
|
||||
description="Comprehensive development services to keep your business at the forefront of technology."
|
||||
@@ -140,20 +112,11 @@ export default function LandingPage() {
|
||||
tag="Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
description: "Projects Delivered",
|
||||
},
|
||||
id: "m1", value: "150+", description: "Projects Delivered"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
description: "System Uptime",
|
||||
},
|
||||
id: "m2", value: "99.9%", description: "System Uptime"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50M+",
|
||||
description: "Users Served",
|
||||
},
|
||||
id: "m3", value: "50M+", description: "Users Served"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -163,47 +126,18 @@ export default function LandingPage() {
|
||||
<TestimonialCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Jenkins",
|
||||
handle: "@jenkins_inc",
|
||||
testimonial: "ApexDigital transformed our internal operations into a streamlined powerhouse.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dh6afz",
|
||||
imageAlt: "professional woman headshot",
|
||||
},
|
||||
id: "t1", name: "Sarah Jenkins", handle: "@jenkins_inc", testimonial: "ApexDigital transformed our internal operations into a streamlined powerhouse.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dh6afz", imageAlt: "professional woman headshot"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark Thornton",
|
||||
handle: "@mthornton",
|
||||
testimonial: "The best technical partner we have had in over a decade of operation.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=33bceb",
|
||||
imageAlt: "professional man headshot",
|
||||
},
|
||||
id: "t2", name: "Mark Thornton", handle: "@mthornton", testimonial: "The best technical partner we have had in over a decade of operation.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=33bceb", imageAlt: "professional man headshot"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Ross",
|
||||
handle: "@eross_creative",
|
||||
testimonial: "Exquisite attention to detail and a truly premium execution process.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4k092i",
|
||||
imageAlt: "creative director headshot",
|
||||
},
|
||||
id: "t3", name: "Elena Ross", handle: "@eross_creative", testimonial: "Exquisite attention to detail and a truly premium execution process.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4k092i", imageAlt: "creative director headshot"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Wu",
|
||||
handle: "@dwu_global",
|
||||
testimonial: "Scaling our infrastructure was painless thanks to the Apex team.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=414i2v",
|
||||
imageAlt: "marketing manager portrait",
|
||||
},
|
||||
id: "t4", name: "David Wu", handle: "@dwu_global", testimonial: "Scaling our infrastructure was painless thanks to the Apex team.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=414i2v", imageAlt: "marketing manager portrait"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Kevin Lee",
|
||||
handle: "@klee_ceo",
|
||||
testimonial: "A world-class agency that understands ROI as much as code.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=87pmbu",
|
||||
imageAlt: "startup founder headshot",
|
||||
},
|
||||
id: "t5", name: "Kevin Lee", handle: "@klee_ceo", testimonial: "A world-class agency that understands ROI as much as code.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=87pmbu", imageAlt: "startup founder headshot"},
|
||||
]}
|
||||
title="Client Success"
|
||||
description="See why industry leaders trust ApexDigital with their digital evolution."
|
||||
@@ -216,20 +150,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do you start a project?",
|
||||
content: "We follow a deep-dive discovery phase to align on goals.",
|
||||
},
|
||||
id: "f1", title: "How do you start a project?", content: "We follow a deep-dive discovery phase to align on goals."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer maintenance?",
|
||||
content: "Yes, we provide ongoing support and performance monitoring.",
|
||||
},
|
||||
id: "f2", title: "Do you offer maintenance?", content: "Yes, we provide ongoing support and performance monitoring."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What is your typical timeline?",
|
||||
content: "Timeline is determined during the project scope meeting.",
|
||||
},
|
||||
id: "f3", title: "What is your typical timeline?", content: "Timeline is determined during the project scope meeting."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -245,38 +170,11 @@ export default function LandingPage() {
|
||||
title="Industry Insights"
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Tech",
|
||||
title: "Scaling Cloud Systems",
|
||||
excerpt: "How to optimize your backend architecture for rapid growth.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=te1vr5",
|
||||
imageAlt: "dark abstract tech background",
|
||||
authorName: "Jane Doe",
|
||||
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ct06g7",
|
||||
date: "Oct 12, 2023",
|
||||
},
|
||||
id: "b1", category: "Tech", title: "Scaling Cloud Systems", excerpt: "How to optimize your backend architecture for rapid growth.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=te1vr5", imageAlt: "dark abstract tech background", authorName: "Jane Doe", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ct06g7", date: "Oct 12, 2023"},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Design",
|
||||
title: "Modern UI Trends",
|
||||
excerpt: "The evolution of interfaces in the AI-centric world.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vk66t6",
|
||||
imageAlt: "dark abstract tech background",
|
||||
authorName: "John Smith",
|
||||
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3sdhwm",
|
||||
date: "Sep 28, 2023",
|
||||
},
|
||||
id: "b2", category: "Design", title: "Modern UI Trends", excerpt: "The evolution of interfaces in the AI-centric world.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vk66t6", imageAlt: "dark abstract tech background", authorName: "John Smith", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3sdhwm", date: "Sep 28, 2023"},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Strategy",
|
||||
title: "Digital Transformation",
|
||||
excerpt: "Why companies fail in digital adoption and how to win.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tevkzv",
|
||||
imageAlt: "dark abstract tech background",
|
||||
authorName: "Jane Doe",
|
||||
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m55ldk",
|
||||
date: "Sep 15, 2023",
|
||||
},
|
||||
id: "b3", category: "Strategy", title: "Digital Transformation", excerpt: "Why companies fail in digital adoption and how to win.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tevkzv", imageAlt: "dark abstract tech background", authorName: "Jane Doe", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m55ldk", date: "Sep 15, 2023"},
|
||||
]}
|
||||
description="Stay ahead with our latest thoughts on technology and strategy."
|
||||
/>
|
||||
@@ -286,14 +184,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to build your next digital masterpiece? Let's discuss your vision."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@apexdigital.com",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:hello@apexdigital.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -302,13 +197,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="ApexDigital"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "/privacy",
|
||||
}}
|
||||
text: "Privacy Policy", href: "/privacy"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "/terms",
|
||||
}}
|
||||
text: "Terms of Service", href: "/terms"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user