Compare commits
17 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 6119515c48 | |||
| e6bd0973ea | |||
| 2fe706223e | |||
| 5a5c870165 | |||
| d974626b7b | |||
| 31d212152a | |||
| 8c9ba2b072 | |||
| a250f69c2d | |||
| d8a8a00a05 | |||
| 5503a8399f | |||
| 52153c8c03 | |||
| 49620aa79a | |||
| f173c7c26e | |||
| b83bffda53 | |||
| ee20ceae39 | |||
| 50efc1b850 | |||
| 29c60e8ef3 |
@@ -1,37 +1,36 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
||||
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
|
||||
export default function ContactPage() {
|
||||
const navItems = [
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Insights", id: "blog" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
const navButton = {
|
||||
text: "View Our Work", href: "/portfolio"};
|
||||
text: "Get Started", href: "#"};
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Web Design", href: "/services" },
|
||||
{ label: "Development", href: "/services" },
|
||||
{ label: "UX/UI Strategy", href: "/services" },
|
||||
{ label: "Brand & Identity", href: "/services" },
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
{ label: "Security", href: "#security" },
|
||||
{ label: "Enterprise", href: "#enterprise" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Portfolio", href: "/portfolio" },
|
||||
{ label: "Team", href: "/about" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Blog", href: "/blog" },
|
||||
{ label: "Careers", href: "#careers" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
@@ -39,8 +38,8 @@ export default function ContactPage() {
|
||||
title: "Connect", items: [
|
||||
{ label: "LinkedIn", href: "https://linkedin.com" },
|
||||
{ label: "Twitter", href: "https://twitter.com" },
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "Dribbble", href: "https://dribbble.com" },
|
||||
{ label: "GitHub", href: "https://github.com" },
|
||||
{ label: "Discord", href: "https://discord.com" },
|
||||
],
|
||||
},
|
||||
];
|
||||
@@ -59,7 +58,7 @@ export default function ContactPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Apex Digital"
|
||||
navItems={navItems}
|
||||
button={navButton}
|
||||
@@ -83,14 +82,15 @@ export default function ContactPage() {
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
<FaqSplitMedia
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about working with Apex Digital Partners"
|
||||
tag="FAQ"
|
||||
textboxLayout="default"
|
||||
faqsAnimation="none"
|
||||
animationType="smooth"
|
||||
mediaAnimation="none"
|
||||
useInvertedBackground={false}
|
||||
mediaPosition="left"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What is your typical project timeline?", content:
|
||||
@@ -117,6 +117,8 @@ export default function ContactPage() {
|
||||
id: "8", title: "How do you approach SEO?", content:
|
||||
"SEO is built into our development process from day one. We implement technical SEO best practices, optimize performance, ensure mobile-responsiveness, and provide ongoing optimization strategies."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/modern-web-design-concept--1772694293642-0b465240.png"
|
||||
imageAlt="FAQ illustration"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -129,4 +131,4 @@ export default function ContactPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,74 +1,20 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Halant } from "next/font/google";
|
||||
import { Inter } from "next/font/google";
|
||||
import { Manrope } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const halant = Halant({
|
||||
variable: "--font-halant",
|
||||
subsets: ["latin"],
|
||||
weight: ["300", "400", "500", "600", "700"],
|
||||
});
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter",
|
||||
subsets: ["latin"],
|
||||
});
|
||||
|
||||
const manrope = Manrope({
|
||||
variable: "--font-manrope",
|
||||
subsets: ["latin"],
|
||||
});
|
||||
const inter = Inter({ subsets: ["latin"] });
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Apex Digital Partners | Web Design & Development",
|
||||
description: "Premium web design and development agency for ambitious brands. We create transformative digital experiences that drive growth. 150+ projects delivered.",
|
||||
keywords: "web design, web development, UX UI design, digital agency, web design services, custom development",
|
||||
metadataBase: new URL("https://apexdigitalpartners.com"),
|
||||
alternates: {
|
||||
canonical: "https://apexdigitalpartners.com",
|
||||
},
|
||||
openGraph: {
|
||||
title: "Apex Digital Partners - Transform Your Digital Presence",
|
||||
description: "Premium web design, development, and digital strategy for ambitious brands seeking market-leading solutions.",
|
||||
url: "https://apexdigitalpartners.com",
|
||||
siteName: "Apex Digital Partners",
|
||||
type: "website",
|
||||
images: [
|
||||
{
|
||||
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/a-stunning-modern-website-interface-for--1772694295523-13a7fbee.png",
|
||||
alt: "Apex Digital Partners - Digital Experience Design",
|
||||
},
|
||||
],
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image",
|
||||
title: "Apex Digital Partners | Premium Web Design & Development",
|
||||
description: "Transform your digital presence with award-winning design and development services.",
|
||||
images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/a-stunning-modern-website-interface-for--1772694295523-13a7fbee.png"],
|
||||
},
|
||||
robots: {
|
||||
index: true,
|
||||
follow: true,
|
||||
},
|
||||
};
|
||||
title: "Apex Digital", description: "Digital experiences that drive growth"};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: Readonly<{
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
}>) {
|
||||
}) {
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body
|
||||
className={`${halant.variable} ${inter.variable} ${manrope.variable} antialiased`}
|
||||
>
|
||||
<Tag />
|
||||
{children}
|
||||
|
||||
<html lang="en">
|
||||
<body className={inter.className}>{children}
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
@@ -1436,7 +1382,6 @@ export default function RootLayout({
|
||||
}}
|
||||
/>
|
||||
</body>
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
316
src/app/page.tsx
316
src/app/page.tsx
@@ -1,42 +1,134 @@
|
||||
"use client";
|
||||
|
||||
import Link from "next/link";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
|
||||
import AboutMetric from "@/components/sections/about/AboutMetric";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
|
||||
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
||||
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
|
||||
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
|
||||
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import { TrendingUp, Users, Award, Globe, Sparkles, Zap, Quote } from "lucide-react";
|
||||
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
||||
import { Sparkles, Zap, Globe, TrendingUp, Shield, Lock, Cpu } from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
const navItems = [
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Insights", id: "blog" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
const navButton = {
|
||||
text: "View Our Work", href: "portfolio"};
|
||||
text: "Get Started", href: "#"
|
||||
};
|
||||
|
||||
const heroCarouselItems = [
|
||||
{
|
||||
id: "1", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/modern-web-design-concept--1772694293642-0b465240.png?_wi=1", imageAlt: "Web Design"
|
||||
},
|
||||
{
|
||||
id: "2", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/a-professional-team-collaboration-scene--1772694293642-0b465240.png", imageAlt: "Team Collaboration"
|
||||
},
|
||||
{
|
||||
id: "3", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/abstract-technology-background--1772694293642-0b465240.png", imageAlt: "Technology"
|
||||
},
|
||||
{
|
||||
id: "4", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/digital-innovation-concept--1772694293642-0b465240.png", imageAlt: "Digital Innovation"
|
||||
},
|
||||
{
|
||||
id: "5", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/modern-workspace--1772694293642-0b465240.png", imageAlt: "Modern Workspace"
|
||||
},
|
||||
{
|
||||
id: "6", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/business-growth-chart--1772694293642-0b465240.png", imageAlt: "Business Growth"
|
||||
},
|
||||
];
|
||||
|
||||
const features = [
|
||||
{
|
||||
title: "Advanced Analytics", description: "Get detailed insights into your business performance", bentoComponent: "globe" as const,
|
||||
},
|
||||
{
|
||||
title: "Real-time Collaboration", description: "Work together seamlessly with your team", bentoComponent: "icon-info-cards" as const,
|
||||
items: [
|
||||
{ icon: Zap, label: "Speed", value: "99.9%" },
|
||||
{ icon: Globe, label: "Global", value: "150+" },
|
||||
{ icon: TrendingUp, label: "Growth", value: "300%" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Enterprise Security", description: "Bank-grade security with advanced encryption and compliance", bentoComponent: "3d-stack-cards" as const,
|
||||
items: [
|
||||
{ icon: Shield, title: "End-to-End", subtitle: "Encryption", detail: "Military-grade protection" },
|
||||
{ icon: Lock, title: "Zero Trust", subtitle: "Architecture", detail: "Never trust, always verify" },
|
||||
{ icon: Cpu, title: "Compliance", subtitle: "Standard", detail: "SOC 2, GDPR, ISO 27001" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Global Integration", description: "Connect seamlessly with tools and platforms worldwide", bentoComponent: "map" as const,
|
||||
},
|
||||
];
|
||||
|
||||
const testimonials = [
|
||||
{
|
||||
id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial:
|
||||
"This platform has completely transformed how we manage our digital presence. Highly recommended!", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/avatar-1.png", imageAlt: "Sarah Johnson"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Michael Chen", handle: "@mchen", testimonial:
|
||||
"Incredible user experience and outstanding customer support. Best decision we made.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/avatar-2.png", imageAlt: "Michael Chen"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Emma Davis", handle: "@emma_d", testimonial:
|
||||
"The level of customization and flexibility is unmatched. Perfect for our needs.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/avatar-3.png", imageAlt: "Emma Davis"
|
||||
},
|
||||
{
|
||||
id: "4", name: "James Wilson", handle: "@james_w", testimonial:
|
||||
"Outstanding results and measurable impact on our business growth in just 3 months.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/avatar-4.png", imageAlt: "James Wilson"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Lisa Anderson", handle: "@lisa_a", testimonial:
|
||||
"The integration capabilities are seamless and the API documentation is excellent.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/avatar-5.png", imageAlt: "Lisa Anderson"
|
||||
},
|
||||
{
|
||||
id: "6", name: "David Martinez", handle: "@david_m", testimonial:
|
||||
"Reliable, scalable, and built with modern best practices. A game changer for us.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/avatar-6.png", imageAlt: "David Martinez"
|
||||
},
|
||||
{
|
||||
id: "7", name: "Rachel Green", handle: "@rachel_g", testimonial:
|
||||
"From setup to deployment, everything was smooth and well-documented.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/avatar-7.png", imageAlt: "Rachel Green"
|
||||
},
|
||||
{
|
||||
id: "8", name: "Tom Bradley", handle: "@tom_b", testimonial:
|
||||
"Exceptional value for money and continuous improvements based on user feedback.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/avatar-8.png", imageAlt: "Tom Bradley"
|
||||
},
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Web Design", href: "/services" },
|
||||
{ label: "Development", href: "/services" },
|
||||
{ label: "UX/UI Strategy", href: "/services" },
|
||||
{ label: "Brand & Identity", href: "/services" },
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
{ label: "Security", href: "#security" },
|
||||
{ label: "Enterprise", href: "#enterprise" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Portfolio", href: "/portfolio" },
|
||||
{ label: "Team", href: "/about" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Blog", href: "/blog" },
|
||||
{ label: "Careers", href: "#careers" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
@@ -44,164 +136,102 @@ export default function HomePage() {
|
||||
title: "Connect", items: [
|
||||
{ label: "LinkedIn", href: "https://linkedin.com" },
|
||||
{ label: "Twitter", href: "https://twitter.com" },
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "Dribbble", href: "https://dribbble.com" },
|
||||
{ label: "GitHub", href: "https://github.com" },
|
||||
{ label: "Discord", href: "https://discord.com" },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="normal"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="aurora"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Apex Digital"
|
||||
navItems={navItems}
|
||||
button={navButton}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
<HeroBillboardRotatedCarousel
|
||||
title="Digital experiences that drive growth"
|
||||
description="We design and build transformative websites for ambitious brands. From concept to launch, we create digital solutions that convert."
|
||||
tag="Digital Agency"
|
||||
tagIcon={Sparkles}
|
||||
description="Transform your business with cutting-edge digital solutions designed to accelerate success and engage your audience."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Innovation"
|
||||
tagIcon={Sparkles}
|
||||
buttons={[
|
||||
{ text: "View Our Work", href: "/portfolio" },
|
||||
{ text: "Start Your Project", href: "/contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/a-stunning-modern-website-interface-for--1772694295523-13a7fbee.png", imageAlt: "Web design project showcase"},
|
||||
{
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/a-digital-transformation-case-study-show-1772694295177-48e2d1a9.png", imageAlt: "Digital transformation case study"},
|
||||
{
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/a-modern-interface-design-showcasing-a-s-1772694295867-5aff3a0b.png", imageAlt: "Modern interface design"},
|
||||
{
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/an-e-commerce-platform-redesign-showcasi-1772694300636-98d5e7f2.png", imageAlt: "E-commerce platform redesign"},
|
||||
{
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/a-brand-identity-and-web-experience-port-1772694300059-d267fa1b.png", imageAlt: "Brand identity and web experience"},
|
||||
{
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/an-interactive-website-design-featuring--1772694294830-dca1b3c7.png", imageAlt: "Interactive website design"},
|
||||
{ text: "Get Started", href: "#contact" },
|
||||
{ text: "Learn More", href: "#features" },
|
||||
]}
|
||||
carouselItems={heroCarouselItems}
|
||||
autoPlay={true}
|
||||
autoPlayInterval={4000}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
title="We partner with ambitious brands to create digital experiences that inspire, engage, and convert. Since 2015, we've helped over 50+ companies transform their digital presence."
|
||||
useInvertedBackground={true}
|
||||
metricsAnimation="none"
|
||||
metrics={[
|
||||
{ icon: TrendingUp, label: "Projects Delivered", value: "150+" },
|
||||
{ icon: Users, label: "Partner Brands", value: "50+" },
|
||||
{ icon: Award, label: "Design Awards Won", value: "12" },
|
||||
{ icon: Globe, label: "Global Reach", value: "5 Continents" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
title="We measure success by the impact we deliver for our partners. Our data-driven approach ensures every project exceeds expectations."
|
||||
tag="Impact & Results"
|
||||
useInvertedBackground={true}
|
||||
metricsAnimation="none"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "98%", description:
|
||||
"Average client satisfaction rate across all projects and engagements"},
|
||||
{
|
||||
id: "2", value: "285%", description:
|
||||
"Average conversion increase for e-commerce clients year-over-year"},
|
||||
{
|
||||
id: "3", value: "89%", description:
|
||||
"Client retention rate with long-term partnerships spanning multiple years"},
|
||||
{
|
||||
id: "4", value: "42ms", description: "Average page load time for optimized websites we develop"},
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
features={[
|
||||
{
|
||||
title: "Advanced Analytics", description: "Get detailed insights into your business performance", bentoComponent: "globe"
|
||||
},
|
||||
{
|
||||
title: "Real-time Collaboration", description: "Work together seamlessly with your team", bentoComponent: "icon-info-cards", items: [
|
||||
{ icon: Zap, label: "Speed", value: "99.9%" },
|
||||
{ icon: Globe, label: "Global", value: "150+" },
|
||||
{ icon: TrendingUp, label: "Growth", value: "300%" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Enterprise Security", description: "Bank-grade security with advanced encryption and compliance", bentoComponent: "3d-stack-cards", items: [
|
||||
{ icon: Shield, title: "End-to-End", subtitle: "Encryption", detail: "Military-grade protection" },
|
||||
{ icon: Lock, title: "Zero Trust", subtitle: "Architecture", detail: "Never trust, always verify" },
|
||||
{ icon: Cpu, title: "Compliance", subtitle: "Standard", detail: "SOC 2, GDPR, ISO 27001" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Global Integration", description: "Connect seamlessly with tools and platforms worldwide", bentoComponent: "map"
|
||||
},
|
||||
]}
|
||||
title="Powerful Features"
|
||||
description="Everything you need to succeed"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
title="What Our Clients Say"
|
||||
description="Hear directly from brands and businesses that have partnered with us"
|
||||
tag="Client Testimonials"
|
||||
testimonials={testimonials}
|
||||
title="What Our Customers Say"
|
||||
description="Hear from businesses that have transformed with our platform"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
speed={40}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Johnson", handle: "CEO, Luxe Brands Co.", testimonial:
|
||||
"Apex transformed our digital presence completely. The attention to detail and strategic thinking was exceptional. Our conversion rates doubled within 6 months.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/a-professional-headshot-photograph-of-a--1772694294531-9eabc594.png", imageAlt: "Sarah Johnson"},
|
||||
{
|
||||
id: "2", name: "Michael Chen", handle: "Founder, TechFlow AI", testimonial:
|
||||
"Working with Apex was a game-changer for our SaaS product. They understood our vision and delivered a platform that our users absolutely love.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/a-professional-headshot-photograph-of-a--1772694295746-8b0540e2.png", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "3", name: "Emily Rodriguez", handle: "CMO, Global Retail Inc.", testimonial:
|
||||
"The team at Apex doesn't just build websites—they create strategic digital ecosystems. Our brand engagement increased by 340% after launch.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/a-professional-headshot-photograph-of-a--1772694293255-aa94023a.png", imageAlt: "Emily Rodriguez"},
|
||||
{
|
||||
id: "4", name: "David Kim", handle: "VP Product, FinanceHub", testimonial:
|
||||
"Best decision we made was partnering with Apex. Their design-first approach and technical expertise resulted in a platform our customers couldn't be happier with.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/a-professional-headshot-photograph-of-an-1772694295848-d787a7d5.png", imageAlt: "David Kim"},
|
||||
{
|
||||
id: "5", name: "Jessica Martinez", handle: "Founder, Wellness Collective", testimonial:
|
||||
"Apex didn't just meet our expectations—they exceeded them. The website they built is beautiful, performant, and perfectly captures our brand essence.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/a-professional-headshot-photograph-of-a--1772694292929-03056872.png", imageAlt: "Jessica Martinez"},
|
||||
{
|
||||
id: "6", name: "James Wilson", handle: "CEO, Innovation Labs", testimonial:
|
||||
"From initial strategy to final launch, Apex was professional, innovative, and results-oriented. I'd recommend them to any ambitious brand looking for true digital transformation.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/a-professional-headshot-photograph-of-a--1772694294186-9a9c5ee9.png", imageAlt: "James Wilson"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Get In Touch"
|
||||
title="Ready to transform your digital presence?"
|
||||
description="Let's discuss your project goals and explore how Apex Digital Partners can help you achieve digital excellence."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/a-professional-team-collaboration-scene--1772694293642-0b465240.png"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Your email address"
|
||||
buttonText="Schedule a Call"
|
||||
termsText="We respect your privacy. We'll get back to you within 24 hours."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Apex Digital"
|
||||
copyrightText="© 2025 Apex Digital Partners. All rights reserved."
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/modern-web-design-concept--1772694293642-0b465240.png?_wi=2"
|
||||
columns={footerColumns}
|
||||
logoText="Apex Digital"
|
||||
copyrightText="© 2025 Apex Digital. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user