diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index f2c41c7..0ad48ed 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -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"
>
-
-
@@ -129,4 +131,4 @@ export default function ContactPage() {
);
-}
\ No newline at end of file
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 272b71a..436c872 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,74 +1,24 @@
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"],
-});
+import "./styles/variables.css";
+import "./styles/base.css";
const inter = Inter({
- variable: "--font-inter",
- subsets: ["latin"],
-});
-
-const manrope = Manrope({
- variable: "--font-manrope",
- subsets: ["latin"],
+ variable: "--font-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 (
-
-
-
-
- {children}
-
+
+ {children}
-
);
-}
\ No newline at end of file
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index a5dbba2..6529e0b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,42 +1,108 @@
"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 } 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", 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%" },
+ ],
+ },
+ ];
+
+ 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 +110,81 @@ 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 (
-
-
-
-
-
-
+
-
-
-
-
);
-}
\ No newline at end of file
+}