Update src/app/process/page.tsx

Merge version_12 into main

src/app/book-meeting/page.tsx

@@ -0,0 +1,91 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
+import ContactCTA from "@/components/sections/contact/ContactCTA";
+import FooterCard from "@/components/sections/footer/FooterCard";
+import { Zap, Linkedin, Twitter } from "lucide-react";
+
+export default function BookMeetingPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="expand-hover"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="rounded"
+      contentWidth="compact"
+      sizing="large"
+      background="aurora"
+      cardStyle="layered-gradient"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="glass"
+      headingFontWeight="light"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          brandName="DigiBridged"
+          navItems={[
+            { name: "Solutions", id: "features" },
+            { name: "Results", id: "metrics" },
+            { name: "Pricing", id: "/pricing" },
+            { name: "About", id: "about" },
+            { name: "Contact", id: "contact" }
+          ]}
+        />
+      </div>
+
+      <div id="booking" data-section="booking" className="pt-20 min-h-screen flex items-center justify-center">
+        <div className="w-full max-w-2xl px-4 py-20">
+          <div className="text-center mb-12">
+            <h1 className="text-4xl md:text-5xl font-bold mb-4">Schedule Your Strategic Audit</h1>
+            <p className="text-lg opacity-75">Connect with our team using Google Calendar to find the perfect time for your consultation.</p>
+          </div>
+          
+          <div className="bg-card rounded-lg p-8 shadow-lg">
+            <div className="flex flex-col items-center justify-center gap-6">
+              <div className="w-full h-96 bg-background rounded-lg flex items-center justify-center">
+                <div className="text-center">
+                  <p className="text-lg font-semibold mb-4">Google Calendar Integration</p>
+                  <p className="text-sm opacity-75 mb-6">Booking widget will load here via Google Workspace integration</p>
+                  <iframe
+                    src="https://calendar.google.com/calendar/u/0/r"
+                    style={{
+                      width: '100%',
+                      height: '100%',
+                      border: 'none',
+                      borderRadius: '8px'
+                    }}
+                    title="Google Calendar Booking"
+                  />
+                </div>
+              </div>
+              
+              <div className="text-center">
+                <p className="text-sm opacity-60">Or reach out directly:</p>
+                <a href="mailto:hello@digibridged.com" className="text-primary-cta font-semibold hover:underline">
+                  hello@digibridged.com
+                </a>
+              </div>
+            </div>
+          </div>
+
+          <div className="mt-12 text-center">
+            <a href="/" className="text-primary-cta font-semibold hover:underline">
+              ← Back to Home
+            </a>
+          </div>
+        </div>
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterCard
+          logoText="DigiBridged"
+          copyrightText="© 2025 DigiBridged | Bridging Traditional Business to Digital Markets"
+          socialLinks={[
+            { icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" },
+            { icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/layout.tsx

@@ -1,60 +1,25 @@
 import type { Metadata } from "next";
-import { Halant } from "next/font/google";
 import { Inter } from "next/font/google";
-import { Manrope } from "next/font/google";
-import { DM_Sans } 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"],
-});
-
-const dmSans = DM_Sans({
-  variable: "--font-dm-sans",  subsets: ["latin"],
-});
-
 export const metadata: Metadata = {
-  title: "DigiBridged | Digital Infrastructure for Local Enterprise",  description: "High-performance web infrastructure and managed digital services for traditional businesses scaling online. Proven 340% lead increase. Strategic authority positioning.",  keywords: "digital agency, web infrastructure, local business digital transformation, managed services, enterprise web solutions",  metadataBase: new URL("https://digibridged.com"),
-  alternates: {
-    canonical: "https://digibridged.com"
-  },
-  openGraph: {
-    title: "DigiBridged | Your Business, Digitally Bridged",    description: "Transform your business from offline to online with enterprise-grade digital infrastructure and expert strategy.",    url: "https://digibridged.com",    siteName: "DigiBridged",    type: "website"
-  },
-  twitter: {
-    card: "summary_large_image",    title: "DigiBridged | Digital Infrastructure for Enterprise",    description: "Bridge the gap between traditional business expertise and modern digital strategy."
-  },
-  robots: {
-    index: true,
-    follow: true
-  }
+  title: "DigiBridged",  description: "Your Business, Digitally Bridged"
 };
 
 export default function RootLayout({
   children,
-}: Readonly<{
+}: {
   children: React.ReactNode;
-}>) {
+}) {
   return (
-    <html lang="en" suppressHydrationWarning>
-      <ServiceWrapper>
-        <body
-          className={`${halant.variable} ${inter.variable} ${manrope.variable} ${dmSans.variable} antialiased`}
-        >
-          <Tag />
-          {children}
-        
+    <html lang="en">
+      <body className={inter.variable}>{children}
         <script
           dangerouslySetInnerHTML={{
             __html: `
@@ -1422,7 +1387,6 @@ export default function RootLayout({
           }}
         />
       </body>
-      </ServiceWrapper>
     </html>
   );
 }

src/app/page.tsx

@@ -9,7 +9,7 @@ import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
 import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterCard from "@/components/sections/footer/FooterCard";
-import { Zap, Shield, Gauge, Layers, Globe, Search, TrendingUp, BarChart3, GitBranch, Linkedin, Twitter } from "lucide-react";
+import { Zap, Shield, Gauge, Layers, Globe, Search, TrendingUp, BarChart3, GitBranch, Linkedin, Twitter, Mail } from "lucide-react";
 
 export default function DigiBridgedLanding() {
   return (
@@ -31,6 +31,7 @@ export default function DigiBridgedLanding() {
           navItems={[
             { name: "Solutions", id: "features" },
             { name: "Results", id: "metrics" },
+            { name: "Pricing", id: "/pricing" },
             { name: "About", id: "about" },
             { name: "Contact", id: "contact" }
           ]}
@@ -44,29 +45,29 @@ export default function DigiBridgedLanding() {
           tag="Digital Transformation"
           tagIcon={Zap}
           tagAnimation="blur-reveal"
-          imageSrc="http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQFKBKtzUE9UtHpu5cFGLuPTXL/futuristic-ai-and-machine-learning-illus-1772729125218-f4a71618.png"
           imageAlt="DigiBridged digital platform dashboard"
           mediaAnimation="slide-up"
           buttons={[
-            { text: "Schedule a Strategic Audit", href: "#contact" }
+            { text: "Schedule a Strategic Audit", onClick: () => { const mailtoLink = document.createElement('a'); mailtoLink.href = 'mailto:hello@digibridged.com?subject=Schedule%20a%20Strategic%20Audit'; mailtoLink.click(); } }
           ]}
           buttonAnimation="blur-reveal"
           testimonials={[
             {
               name: "Marcus Chen",              handle: "CEO, Premier Retail Group",              testimonial: "DigiBridged transformed our digital presence in 90 days. We've seen a 340% increase in qualified leads.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1"
+              imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop"
             },
             {
               name: "Jennifer Walsh",              handle: "Owner, Walsh Professional Services",              testimonial: "Finally, someone who understands local business challenges. Our online conversions doubled.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2"
+              imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400&h=400&fit=crop"
             },
             {
               name: "David Morales",              handle: "General Manager, Hospitality Partners",              testimonial: "The infrastructure they built handles our traffic seamlessly. ROI exceeded expectations by month two.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3"
+              imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=400&h=400&fit=crop"
             },
             {
               name: "Sarah Mitchell",              handle: "VP Operations, Tech-Forward Retail",              testimonial: "Sophisticated, strategic, results-driven. DigiBridged delivered measurable business impact.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4"
+              imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=400&h=400&fit=crop"
             }
           ]}
           testimonialRotationInterval={6000}
@@ -78,12 +79,12 @@ export default function DigiBridgedLanding() {
       <div id="about" data-section="about">
         <MediaAbout
           title="The Digital Bridge Your Business Needs"
-          description="Traditional businesses face a critical gap: offline expertise meets digital complexity. DigiBridged fills that void with bespoke web infrastructure, managed services, and the expertise that transforms uncertainty into measurable results. We don't just build websites—we engineer competitive advantage."
+          description="We build websites with a strategic focus on driving search engine visibility and lead generation. Our approach combines technical excellence with SEO best practices to ensure your site ranks high on Google and attracts qualified customers actively searching for your services. From on-page optimization to technical infrastructure, we engineer every element to drive more traffic and convert visitors into leads."
           tag="Our Approach"
-          imageSrc="http://img.b2bpic.net/free-photo/blue-technology-background_1017-3288.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/blue-technology-background_1017-3288.jpg?_wi=1"
           imageAlt="DigiBridged infrastructure and strategy"
           buttons={[
-            { text: "Learn Our Process", href: "#features" }
+            { text: "Learn Our Process", href: "/process" }
           ]}
           useInvertedBackground={false}
         />
@@ -155,13 +156,13 @@ export default function DigiBridgedLanding() {
           tagAnimation="blur-reveal"
           metrics={[
             {
-              id: "1",              value: "340%",              title: "Avg Lead Increase",              description: "Within 90 days of implementation",              imageSrc: "http://img.b2bpic.net/free-photo/african-man-black-suit_1157-45555.jpg",              imageAlt: "business growth sales increase conversion optimization digital success"
+              id: "1",              value: "340%",              title: "Avg Lead Increase",              description: "Within 90 days of implementation",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=400&h=400&fit=crop&_wi=1",              imageAlt: "business growth sales increase conversion optimization digital success"
             },
             {
-              id: "2",              value: "2.8x",              title: "ROI Multiplier",              description: "Average client return on investment",              imageSrc: "http://img.b2bpic.net/free-photo/busy-multicultural-diverse-employees-analysing-annual-financial-statistics-sitting-desk-front-laptop-holding-documents-searching-business-solutions-team-businesspeople-working-company_482257-13550.jpg",              imageAlt: "lead generation customer engagement digital conversion business results"
+              id: "2",              value: "2.8x",              title: "ROI Multiplier",              description: "Average client return on investment",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=400&h=400&fit=crop&_wi=2",              imageAlt: "lead generation customer engagement digital conversion business results"
             },
             {
-              id: "3",              value: "92%",              title: "Client Retention",              description: "Long-term partnership satisfaction",              imageSrc: "http://img.b2bpic.net/free-photo/business-teamwork-meeting-concept_1421-631.jpg",              imageAlt: "customer retention business performance success metrics growth tracking"
+              id: "3",              value: "92%",              title: "Client Retention",              description: "Long-term partnership satisfaction",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=400&h=400&fit=crop&_wi=3",              imageAlt: "customer retention business performance success metrics growth tracking"
             }
           ]}
           textboxLayout="default"
@@ -178,7 +179,7 @@ export default function DigiBridgedLanding() {
           title="Let's Build Your Digital Advantage"
           description="Your business deserves a partner who understands both traditional enterprise needs and modern digital strategy. Schedule a strategic audit to discover how DigiBridged can unlock measurable growth."
           buttons={[
-            { text: "Schedule Audit", href: "mailto:hello@digibridged.com" },
+            { text: "Schedule Audit", onClick: () => { const mailtoLink = document.createElement('a'); mailtoLink.href = 'mailto:hello@digibridged.com?subject=Schedule%20Audit'; mailtoLink.click(); } },
             { text: "Learn More", href: "#about" }
           ]}
           buttonAnimation="blur-reveal"

src/app/pricing/page.tsx

@@ -0,0 +1,88 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
+import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
+import ContactCTA from "@/components/sections/contact/ContactCTA";
+import FooterCard from "@/components/sections/footer/FooterCard";
+import { Zap, Linkedin, Twitter } from "lucide-react";
+
+export default function PricingPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="expand-hover"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="rounded"
+      contentWidth="compact"
+      sizing="large"
+      background="aurora"
+      cardStyle="layered-gradient"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="glass"
+      headingFontWeight="light"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          brandName="DigiBridged"
+          navItems={[
+            { name: "Solutions", id: "features" },
+            { name: "Results", id: "metrics" },
+            { name: "Pricing", id: "/pricing" },
+            { name: "About", id: "about" },
+            { name: "Contact", id: "contact" }
+          ]}
+        />
+      </div>
+
+      <div id="pricing" data-section="pricing" className="pt-20">
+        <PricingCardTwo
+          title="Simple, Transparent Pricing"
+          description="One comprehensive website package designed to drive results for your business."
+          tag="Pricing"
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={false}
+          plans={[
+            {
+              id: "website-package",              badge: "Website Package",              price: "$1,000",              subtitle: "One-time + $100/month",              buttons: [
+                { text: "Get Started", onClick: () => { const mailtoLink = document.createElement('a'); mailtoLink.href = 'mailto:hello@digibridged.com?subject=Get%20Started%20-%20Website%20Package'; mailtoLink.click(); } },
+                { text: "Schedule Consultation", onClick: () => { const mailtoLink = document.createElement('a'); mailtoLink.href = 'mailto:hello@digibridged.com?subject=Schedule%20Consultation'; mailtoLink.click(); } }
+              ],
+              features: [
+                "5 core pages",                "Mobile responsive design",                "Google Reviews integration",                "Click-to-call button",                "Basic SEO setup",                "24-hour delivery guarantee",                "Monthly hosting and maintenance",                "Small updates included"
+              ]
+            }
+          ]}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactCTA
+          tag="Ready to Get Started?"
+          tagIcon={Zap}
+          tagAnimation="blur-reveal"
+          title="Let's Build Your Professional Online Presence"
+          description="Get your business online with a professional, high-performing website. Our Website Package includes everything you need to attract customers and generate leads online."
+          buttons={[
+            { text: "Schedule Free Consultation", onClick: () => { const mailtoLink = document.createElement('a'); mailtoLink.href = 'mailto:hello@digibridged.com?subject=Schedule%20Free%20Consultation'; mailtoLink.click(); } },
+            { text: "Back to Home", href: "/" }
+          ]}
+          buttonAnimation="blur-reveal"
+          background={{ variant: "radial-gradient" }}
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterCard
+          logoText="DigiBridged"
+          copyrightText="© 2025 DigiBridged | Bridging Traditional Business to Digital Markets"
+          socialLinks={[
+            { icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" },
+            { icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/process/page.tsx

@@ -0,0 +1,102 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
+import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
+import ContactCTA from "@/components/sections/contact/ContactCTA";
+import FooterCard from "@/components/sections/footer/FooterCard";
+import { Zap, Search, TrendingUp, BarChart3, Linkedin, Twitter } from "lucide-react";
+
+export default function ProcessPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="expand-hover"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="rounded"
+      contentWidth="compact"
+      sizing="large"
+      background="aurora"
+      cardStyle="layered-gradient"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="glass"
+      headingFontWeight="light"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          brandName="DigiBridged"
+          navItems={[
+            { name: "Solutions", id: "features" },
+            { name: "Results", id: "metrics" },
+            { name: "Pricing", id: "/pricing" },
+            { name: "About", id: "about" },
+            { name: "Contact", id: "contact" }
+          ]}
+        />
+      </div>
+
+      <div id="process" data-section="process" className="pt-20">
+        <FeatureCardSix
+          title="Our Strategic Process"
+          description="How we build websites designed to drive search visibility and generate qualified leads for your business."
+          tag="Our Approach"
+          features={[
+            {
+              id: 1,
+              title: "Discovery & Strategy",              description: "We conduct a comprehensive audit of your market, competitors, and target audience. We analyze search opportunities, identify high-intent keywords, and develop a strategic roadmap aligned with your business goals and lead generation targets.",              imageSrc: "http://img.b2bpic.net/free-photo/business-plan_1017-30087.jpg?_wi=2"
+            },
+            {
+              id: 2,
+              title: "Technical SEO Foundation",              description: "We build your website on a technically optimized infrastructure that search engines love. This includes proper site structure, fast loading speeds, mobile optimization, schema markup, and clean code—all designed to maximize crawlability and indexing for better search rankings.",              imageSrc: "http://img.b2bpic.net/free-photo/blue-technology-background_1017-3288.jpg?_wi=2"
+            },
+            {
+              id: 3,
+              title: "On-Page Optimization",              description: "We strategically optimize every page with target keywords, compelling meta tags, header structure, and high-quality content designed to rank for search queries your potential customers are actually using. Each page is crafted to drive both search visibility and user conversions.",              imageSrc: "http://img.b2bpic.net/free-photo/business-teamwork-meeting_1421-1269.jpg?_wi=2"
+            },
+            {
+              id: 4,
+              title: "Lead Capture & Conversion",              description: "We implement strategic conversion elements—optimized forms, clear CTAs, lead magnets, and conversion tracking—to turn your search traffic into qualified leads. Every element is tested and refined to maximize lead generation from your organic and paid traffic.",              imageSrc: "http://img.b2bpic.net/free-photo/business-partners-discussing_1158-655.jpg"
+            },
+            {
+              id: 5,
+              title: "Analytics & Performance Tracking",              description: "We establish comprehensive tracking and reporting to monitor search rankings, organic traffic, lead quality, and ROI. You'll have complete visibility into performance metrics and monthly reports showing how your digital infrastructure is driving business results.",              imageSrc: "http://img.b2bpic.net/free-photo/busy-multicultural-diverse-employees-analysing-annual-financial-statistics-sitting-desk-front-laptop-holding-documents-searching-business-solutions-team-businesspeople-working-company_482257-13550.jpg?_wi=2"
+            },
+            {
+              id: 6,
+              title: "Continuous Optimization",              description: "We don't just launch and leave. We continuously monitor performance, test improvements, refine keyword strategies, and optimize based on data. Your website evolves with market trends and search algorithm updates to maintain and grow your visibility and lead generation.",              imageSrc: "http://img.b2bpic.net/free-photo/corporate-business_1017-21551.jpg?_wi=2"
+            }
+          ]}
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactCTA
+          tag="Ready to Get Started?"
+          tagIcon={Zap}
+          tagAnimation="blur-reveal"
+          title="Let's Build Your Search-Optimized Platform"
+          description="Discover how our strategic approach to web infrastructure and SEO can drive measurable traffic and leads for your business. Schedule a free audit today."
+          buttons={[
+            { text: "Schedule Free Audit", onClick: () => { const mailtoLink = document.createElement('a'); mailtoLink.href = 'mailto:hello@digibridged.com?subject=Schedule%20Free%20Audit'; mailtoLink.click(); } },
+            { text: "Back to Home", href: "/" }
+          ]}
+          buttonAnimation="blur-reveal"
+          background={{ variant: "radial-gradient" }}
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterCard
+          logoText="DigiBridged"
+          copyrightText="© 2025 DigiBridged | Bridging Traditional Business to Digital Markets"
+          socialLinks={[
+            { icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" },
+            { icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}