Update src/app/page.tsx

Merge version_5 into main
2026-03-12 05:13:53 +00:00 · 2026-03-12 05:11:41 +00:00 · 2026-03-12 05:11:35 +00:00 · 2026-03-12 05:10:48 +00:00 · 2026-03-12 05:10:42 +00:00 · 2026-03-12 05:10:33 +00:00
7 changed files with 875 additions and 46 deletions
--- a/src/app/ai-automation/page.tsx
+++ b/src/app/ai-automation/page.tsx
@@ -0,0 +1,218 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
+import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import { Sparkles, Zap, Award, CheckCircle } from 'lucide-react';
+
+export default function AIAutomationPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="background-highlight"
+      borderRadius="pill"
+      contentWidth="small"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="gradient-bordered"
+      primaryButtonStyle="diagonal-gradient"
+      secondaryButtonStyle="layered"
+      headingFontWeight="light"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Services", id: "/" },
+            { name: "AI Automation", id: "/ai-automation" },
+            { name: "AI Marketing", id: "/ai-marketing" },
+            { name: "Website Design", id: "/website-design" },
+            { name: "Branding", id: "/branding" }
+          ]}
+          brandName="Vero AI"
+          bottomLeftText="Vero Marketing AI"
+          bottomRightText="hello@veroai.com"
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroBillboard
+          title="AI Automation & Workflows"
+          description="Custom automation workflows designed to eliminate repetitive tasks, accelerate your business processes, and free your team to focus on strategy. Smart systems that deliver real efficiency."
+          background={{ variant: "sparkles-gradient" }}
+          tag="Service Detail"
+          tagIcon={Sparkles}
+          tagAnimation="slide-up"
+          buttons={[
+            { text: "Book a Consultation", href: "#contact" },
+            { text: "Back to Services", href: "/" }
+          ]}
+          buttonAnimation="slide-up"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/visual-representation-of-ai-automation-a-1773289187678-5a4ad895.png?_wi=1"
+          imageAlt="AI Automation Dashboard"
+          mediaAnimation="blur-reveal"
+        />
+      </div>
+
+      <div id="capabilities" data-section="capabilities">
+        <FeatureCardSeven
+          title="What AI Automation Does for Your Company"
+          description="Our automation workflows are tailored to your specific business needs, creating intelligent systems that handle complex processes with precision and speed."
+          tag="Key Capabilities"
+          tagIcon={CheckCircle}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="blur-reveal"
+          features={[
+            {
+              id: 1,
+              title: "Lead Capture & Qualification",              description: "Automatically capture leads from multiple channels, qualify them based on your criteria, and route them to the right team members instantly.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/visual-representation-of-ai-automation-a-1773289187678-5a4ad895.png?_wi=1",              imageAlt: "Lead Capture"
+            },
+            {
+              id: 2,
+              title: "Workflow Automation",              description: "Build complex, multi-step workflows that handle everything from data entry to customer notifications—all without manual intervention.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/visual-representation-of-ai-automation-a-1773289187678-5a4ad895.png?_wi=1",              imageAlt: "Workflow Automation"
+            },
+            {
+              id: 3,
+              title: "Integration & Data Sync",              description: "Connect your entire tech stack—CRM, email, payment processors, databases—and keep data synchronized in real-time across all platforms.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/visual-representation-of-ai-automation-a-1773289187678-5a4ad895.png?_wi=1",              imageAlt: "Integration"
+            },
+            {
+              id: 4,
+              title: "Intelligent Reporting",              description: "Generate real-time dashboards and automated reports that give you instant visibility into key metrics and performance indicators.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/visual-representation-of-ai-automation-a-1773289187678-5a4ad895.png?_wi=1",              imageAlt: "Reporting"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="benefits" data-section="benefits">
+        <MetricSplitMediaAbout
+          tag="Business Impact"
+          tagIcon={Zap}
+          tagAnimation="slide-up"
+          title="Measurable Results Through Automation"
+          description="Our clients experience significant improvements in efficiency, cost savings, and revenue generation. By automating repetitive tasks, your team can focus on high-value strategic work that drives real business growth."
+          metrics={[
+            { value: "70%", title: "Average Time Savings" },
+            { value: "$500K+", title: "Annual Savings Per Client" }
+          ]}
+          useInvertedBackground={true}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/visual-representation-of-ai-automation-a-1773289187678-5a4ad895.png?_wi=2"
+          imageAlt="Automation Results"
+          mediaAnimation="slide-up"
+          metricsAnimation="slide-up"
+        />
+      </div>
+
+      <div id="process" data-section="process">
+        <MetricCardEleven
+          title="Our AI Automation Process"
+          description="A proven methodology for designing and implementing custom automation solutions tailored to your business."
+          tag="Implementation"
+          tagIcon={Zap}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          metrics={[
+            {
+              id: "1",              value: "Analyze",              title: "Process Mapping",              description: "We audit your current workflows to identify bottlenecks and automation opportunities.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/strategic-discovery-and-consultation-pha-1773289188610-5fa5f564.png?_wi=1",              imageAlt: "Analysis"
+            },
+            {
+              id: "2",              value: "Design",              title: "Solution Architecture",              description: "We design custom workflows that integrate seamlessly with your existing systems.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/strategy-development-and-planning-phase--1773289187387-9ce04fbf.png?_wi=1",              imageAlt: "Design"
+            },
+            {
+              id: "3",              value: "Build",              title: "Development & Testing",              description: "Our engineers build, test, and refine the automation systems for reliability and performance.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/build-and-implementation-phase-showing-d-1773289188356-a18f1154.png?_wi=1",              imageAlt: "Build"
+            },
+            {
+              id: "4",              value: "Deploy",              title: "Launch & Training",              description: "We implement the system and train your team to manage and optimize it.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/launch-and-go-live-phase-showing-celebra-1773289187330-30f337d3.png?_wi=1",              imageAlt: "Deploy"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialCardSixteen
+          title="Clients Powered by Automation"
+          description="Real businesses achieving remarkable results through intelligent AI automation systems."
+          tag="Success Stories"
+          tagIcon={Award}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          testimonials={[
+            {
+              id: "1",              name: "Marcus Richardson",              role: "CEO",              company: "Premium Ventures",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-confident-bus-1773289186556-a645a6b7.png?_wi=1"
+            },
+            {
+              id: "2",              name: "Sophia Chen",              role: "CMO",              company: "Luxury Brand Co",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-confident-mar-1773289186890-9d714eef.png?_wi=1"
+            },
+            {
+              id: "3",              name: "James Mitchell",              role: "Founder",              company: "Elite Solutions",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-successful-en-1773289186769-5f49b9f5.png?_wi=1"
+            }
+          ]}
+          kpiItems={[
+            { value: "70%", label: "Time Saved" },
+            { value: "50%", label: "Cost Reduction" },
+            { value: "3x", label: "Efficiency Gain" }
+          ]}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactCenter
+          tag="Get Started"
+          tagIcon={Sparkles}
+          tagAnimation="slide-up"
+          title="Ready to Automate Your Business?"
+          description="Let's explore how AI automation can transform your operations. Schedule a consultation with our team to discuss your specific needs."
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+          inputPlaceholder="Enter your email"
+          buttonText="Schedule Consultation"
+          termsText="We respect your privacy. Unsubscribe at any time."
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseCard
+          logoText="Vero AI"
+          columns={[
+            {
+              title: "Services",              items: [
+                { label: "AI Automation", href: "/ai-automation" },
+                { label: "AI Marketing", href: "/ai-marketing" },
+                { label: "Website Design", href: "/website-design" },
+                { label: "Branding", href: "/branding" }
+              ]
+            },
+            {
+              title: "Company",              items: [
+                { label: "Home", href: "/" },
+                { label: "About", href: "/#why-vero" },
+                { label: "Contact", href: "/#contact" }
+              ]
+            },
+            {
+              title: "Connect",              items: [
+                { label: "Email", href: "mailto:hello@veroai.com" },
+                { label: "LinkedIn", href: "https://linkedin.com" },
+                { label: "Twitter", href: "https://twitter.com" }
+              ]
+            }
+          ]}
+          copyrightText="© 2025 Vero Marketing AI. All rights reserved."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
--- a/src/app/ai-marketing/page.tsx
+++ b/src/app/ai-marketing/page.tsx
@@ -0,0 +1,218 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
+import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import { Sparkles, Zap, Award, CheckCircle } from 'lucide-react';
+
+export default function AIMarketingPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="background-highlight"
+      borderRadius="pill"
+      contentWidth="small"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="gradient-bordered"
+      primaryButtonStyle="diagonal-gradient"
+      secondaryButtonStyle="layered"
+      headingFontWeight="light"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Services", id: "/" },
+            { name: "AI Automation", id: "/ai-automation" },
+            { name: "AI Marketing", id: "/ai-marketing" },
+            { name: "Website Design", id: "/website-design" },
+            { name: "Branding", id: "/branding" }
+          ]}
+          brandName="Vero AI"
+          bottomLeftText="Vero Marketing AI"
+          bottomRightText="hello@veroai.com"
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroBillboard
+          title="AI Marketing Systems"
+          description="Intelligent automation frameworks that handle lead generation, nurturing, and conversion at scale. Built for brands that want to dominate their market with sophisticated, data-driven marketing strategies."
+          background={{ variant: "sparkles-gradient" }}
+          tag="Service Detail"
+          tagIcon={Sparkles}
+          tagAnimation="slide-up"
+          buttons={[
+            { text: "Book a Consultation", href: "#contact" },
+            { text: "Back to Services", href: "/" }
+          ]}
+          buttonAnimation="slide-up"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/an-abstract-representation-of-ai-marketi-1773289187366-6f949836.png?_wi=1"
+          imageAlt="AI Marketing Systems Dashboard"
+          mediaAnimation="blur-reveal"
+        />
+      </div>
+
+      <div id="capabilities" data-section="capabilities">
+        <FeatureCardSeven
+          title="What AI Marketing Systems Do for Your Company"
+          description="Our marketing systems combine artificial intelligence with strategic thinking to create comprehensive marketing automation that drives growth."
+          tag="Key Capabilities"
+          tagIcon={CheckCircle}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="blur-reveal"
+          features={[
+            {
+              id: 1,
+              title: "Lead Generation & Scoring",              description: "AI-powered systems that identify and capture qualified leads, automatically score them based on engagement and fit, and route them to sales at the perfect moment.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/an-abstract-representation-of-ai-marketi-1773289187366-6f949836.png?_wi=1",              imageAlt: "Lead Generation"
+            },
+            {
+              id: 2,
+              title: "Email & Funnel Automation",              description: "Personalized email sequences and multi-channel nurture campaigns that adapt based on customer behavior, moving prospects from awareness to conversion.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/an-abstract-representation-of-ai-marketi-1773289187366-6f949836.png?_wi=1",              imageAlt: "Email Automation"
+            },
+            {
+              id: 3,
+              title: "Customer Segmentation",              description: "Intelligent segmentation based on behavior, demographics, and engagement patterns. Deliver targeted messaging to the right audience with the right message.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/an-abstract-representation-of-ai-marketi-1773289187366-6f949836.png?_wi=1",              imageAlt: "Segmentation"
+            },
+            {
+              id: 4,
+              title: "Analytics & Optimization",              description: "Real-time analytics dashboards showing campaign performance, conversion rates, and ROI. AI continuously tests and optimizes every element of your marketing.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/an-abstract-representation-of-ai-marketi-1773289187366-6f949836.png?_wi=1",              imageAlt: "Analytics"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="benefits" data-section="benefits">
+        <MetricSplitMediaAbout
+          tag="Business Impact"
+          tagIcon={Zap}
+          tagAnimation="slide-up"
+          title="Results That Transform Your Revenue"
+          description="Our AI marketing systems don't just generate leads—they generate qualified, high-intent leads that convert. We've seen clients increase revenue by 3-5x while reducing customer acquisition costs by 40-60%."
+          metrics={[
+            { value: "340%", title: "Average ROI Increase" },
+            { value: "$500K+", title: "Revenue Generated Per Client" }
+          ]}
+          useInvertedBackground={true}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/an-abstract-representation-of-ai-marketi-1773289187366-6f949836.png?_wi=2"
+          imageAlt="Marketing Results"
+          mediaAnimation="slide-up"
+          metricsAnimation="slide-up"
+        />
+      </div>
+
+      <div id="process" data-section="process">
+        <MetricCardEleven
+          title="Our AI Marketing Implementation"
+          description="A sophisticated process for building marketing systems that scale with your business."
+          tag="Implementation"
+          tagIcon={Zap}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          metrics={[
+            {
+              id: "1",              value: "Audit",              title: "Market Analysis",              description: "We analyze your market, competitors, and customer journey to identify the best marketing opportunities.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/strategic-discovery-and-consultation-pha-1773289188610-5fa5f564.png?_wi=1",              imageAlt: "Analysis"
+            },
+            {
+              id: "2",              value: "Strategy",              title: "Marketing Strategy",              description: "We develop a comprehensive marketing strategy that leverages AI and automation to reach your ideal customers.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/strategy-development-and-planning-phase--1773289187387-9ce04fbf.png?_wi=1",              imageAlt: "Strategy"
+            },
+            {
+              id: "3",              value: "Build",              title: "System Development",              description: "We build the complete AI marketing system: landing pages, email workflows, lead scoring, and analytics.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/build-and-implementation-phase-showing-d-1773289188356-a18f1154.png?_wi=1",              imageAlt: "Build"
+            },
+            {
+              id: "4",              value: "Launch",              title: "Campaign Activation",              description: "We launch your campaigns and monitor performance closely, making real-time adjustments for optimal results.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/launch-and-go-live-phase-showing-celebra-1773289187330-30f337d3.png?_wi=1",              imageAlt: "Launch"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialCardSixteen
+          title="Brands Accelerating Growth with AI"
+          description="Leading companies achieving breakthrough marketing results with our AI-powered systems."
+          tag="Success Stories"
+          tagIcon={Award}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          testimonials={[
+            {
+              id: "1",              name: "Marcus Richardson",              role: "CEO",              company: "Premium Ventures",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-confident-bus-1773289186556-a645a6b7.png?_wi=2"
+            },
+            {
+              id: "2",              name: "Sophia Chen",              role: "CMO",              company: "Luxury Brand Co",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-confident-mar-1773289186890-9d714eef.png?_wi=2"
+            },
+            {
+              id: "3",              name: "James Mitchell",              role: "Founder",              company: "Elite Solutions",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-successful-en-1773289186769-5f49b9f5.png?_wi=2"
+            }
+          ]}
+          kpiItems={[
+            { value: "340%", label: "ROI Improvement" },
+            { value: "60%", label: "CAC Reduction" },
+            { value: "3-5x", label: "Revenue Growth" }
+          ]}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactCenter
+          tag="Get Started"
+          tagIcon={Sparkles}
+          tagAnimation="slide-up"
+          title="Ready to Scale Your Marketing?"
+          description="Let's build an AI marketing system that generates qualified leads and drives consistent revenue growth. Schedule a consultation to discuss your goals."
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+          inputPlaceholder="Enter your email"
+          buttonText="Schedule Consultation"
+          termsText="We respect your privacy. Unsubscribe at any time."
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseCard
+          logoText="Vero AI"
+          columns={[
+            {
+              title: "Services",              items: [
+                { label: "AI Automation", href: "/ai-automation" },
+                { label: "AI Marketing", href: "/ai-marketing" },
+                { label: "Website Design", href: "/website-design" },
+                { label: "Branding", href: "/branding" }
+              ]
+            },
+            {
+              title: "Company",              items: [
+                { label: "Home", href: "/" },
+                { label: "About", href: "/#why-vero" },
+                { label: "Contact", href: "/#contact" }
+              ]
+            },
+            {
+              title: "Connect",              items: [
+                { label: "Email", href: "mailto:hello@veroai.com" },
+                { label: "LinkedIn", href: "https://linkedin.com" },
+                { label: "Twitter", href: "https://twitter.com" }
+              ]
+            }
+          ]}
+          copyrightText="© 2025 Vero Marketing AI. All rights reserved."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
--- a/src/app/branding/page.tsx
+++ b/src/app/branding/page.tsx
@@ -0,0 +1,143 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import { Sparkles, Zap } from 'lucide-react';
+
+export default function BrandingPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="background-highlight"
+      borderRadius="pill"
+      contentWidth="small"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="gradient-bordered"
+      primaryButtonStyle="diagonal-gradient"
+      secondaryButtonStyle="layered"
+      headingFontWeight="light"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Services", id: "/services" },
+            { name: "AI Automation", id: "/ai-automation" },
+            { name: "AI Marketing", id: "/ai-marketing" },
+            { name: "Website Design", id: "/website-design" },
+            { name: "Branding", id: "/branding" },
+            { name: "About", id: "/about" },
+            { name: "Contact", id: "/contact" }
+          ]}
+          brandName="Vero AI"
+          bottomLeftText="Vero Marketing AI"
+          bottomRightText="veroai@veroaimarketing.com"
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroBillboard
+          title="Strategic Branding & Creative Direction"
+          description="Build a premium brand that stands out and commands attention. From logo design to complete visual identity, we create brands that resonate with your ideal customers."
+          background={{ variant: "sparkles-gradient" }}
+          tag="Brand Strategy"
+          tagIcon={Sparkles}
+          tagAnimation="slide-up"
+          buttons={[
+            { text: "Start Your Brand", href: "/contact" },
+            { text: "See Examples", href: "/services" }
+          ]}
+          buttonAnimation="slide-up"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/premium-website-and-brand-design-showcas-1773289187253-99f3e4ce.png?_wi=5"
+          imageAlt="Branding & Design Showcase"
+          mediaAnimation="blur-reveal"
+        />
+      </div>
+
+      <div id="services" data-section="services">
+        <MetricCardEleven
+          title="Our Branding Services"
+          description="Complete brand development from strategy to implementation."
+          tag="Creative Solutions"
+          tagIcon={Zap}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          metrics={[
+            {
+              id: "1",              value: "Strategy",              title: "Brand Positioning",              description: "Define your unique value proposition and market positioning",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/strategic-discovery-and-consultation-pha-1773289188610-5fa5f564.png?_wi=5",              imageAlt: "Brand Strategy"
+            },
+            {
+              id: "2",              value: "Design",              title: "Logo & Visual Identity",              description: "Custom logo design and comprehensive brand guidelines",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/strategy-development-and-planning-phase--1773289187387-9ce04fbf.png?_wi=5",              imageAlt: "Logo Design"
+            },
+            {
+              id: "3",              value: "Color",              title: "Color Palette & Typography",              description: "Strategic color psychology and typography selections",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/build-and-implementation-phase-showing-d-1773289188356-a18f1154.png?_wi=5",              imageAlt: "Design System"
+            },
+            {
+              id: "4",              value: "Creative",              title: "Marketing Collateral",              description: "Business cards, letterhead, presentation templates and more",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/launch-and-go-live-phase-showing-celebra-1773289187330-30f337d3.png?_wi=5",              imageAlt: "Collateral"
+            },
+            {
+              id: "5",              value: "Premium",              title: "Brand Guidelines",              description: "Complete documentation for consistent brand application",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/optimization-and-continuous-improvement--1773289188372-dc7422c2.png?_wi=5",              imageAlt: "Guidelines"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactCenter
+          tag="Ready to Brand?"
+          tagIcon={Sparkles}
+          tagAnimation="slide-up"
+          title="Build Your Premium Brand Today"
+          description="Contact us at veroai@veroaimarketing.com or call 516-402-1199 to discuss your branding vision and get started on creating a brand that stands out."
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+          inputPlaceholder="Enter your email"
+          buttonText="Schedule Consultation"
+          termsText="We respect your privacy. Unsubscribe at any time."
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseCard
+          logoText="Vero AI"
+          columns={[
+            {
+              title: "Product",              items: [
+                { label: "Services", href: "/services" },
+                { label: "AI Automation", href: "/ai-automation" },
+                { label: "AI Marketing", href: "/ai-marketing" }
+              ]
+            },
+            {
+              title: "Company",              items: [
+                { label: "Website Design", href: "/website-design" },
+                { label: "Branding", href: "/branding" },
+                { label: "About", href: "/about" }
+              ]
+            },
+            {
+              title: "Connect",              items: [
+                { label: "Email", href: "mailto:veroai@veroaimarketing.com" },
+                { label: "Phone", href: "tel:5164021199" },
+                { label: "Contact", href: "/contact" }
+              ]
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy", href: "#" },
+                { label: "Terms", href: "#" }
+              ]
+            }
+          ]}
+          copyrightText="© 2025 Vero AI Marketing. All rights reserved."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,15 +4,18 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
-import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import { Sparkles, CheckCircle, Shield, Zap, Award, Briefcase } from 'lucide-react';
+import { Sparkles, CheckCircle, Zap, Award, Briefcase } from 'lucide-react';

 export default function LandingPage() {
+  const handleContactSubmit = (formData: any) => {
+    console.log('Contact form submitted:', formData);
+  };
+
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
@@ -32,7 +35,6 @@ export default function LandingPage() {
            { name: "Services", id: "services" },
            { name: "Process", id: "process" },
            { name: "Work", id: "portfolio" },
-            { name: "About", id: "why-vero" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Vero AI"
@@ -73,39 +75,20 @@ export default function LandingPage() {
          features={[
            {
              id: 1,
-              title: "AI Automation and Workflows",              description: "Custom automation workflows that eliminate repetitive tasks and accelerate your business processes. Smart systems, real efficiency.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/visual-representation-of-ai-automation-a-1773289187678-5a4ad895.png",              imageAlt: "AI Automations"
+              title: "AI Automation and Workflows",              description: "Custom automation workflows that eliminate repetitive tasks and accelerate your business processes. Smart systems, real efficiency.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/visual-representation-of-ai-automation-a-1773289187678-5a4ad895.png?_wi=1",              imageAlt: "AI Automations"
            },
            {
              id: 2,
-              title: "Website Design and Development",              description: "Premium digital experiences designed to convert. Clean, fast, and strategically built for your ideal customer.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/premium-website-and-brand-design-showcas-1773289187253-99f3e4ce.png",              imageAlt: "Website Design"
+              title: "Website Design and Development",              description: "Premium digital experiences designed to convert. Clean, fast, and strategically built for your ideal customer.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/premium-website-and-brand-design-showcas-1773289187253-99f3e4ce.png?_wi=1",              imageAlt: "Website Design"
            },
            {
              id: 3,
-              title: "AI Marketing Systems",              description: "Intelligent automation frameworks that handle lead generation, nurturing, and conversion. Built for brands that want to scale efficiently.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/an-abstract-representation-of-ai-marketi-1773289187366-6f949836.png",              imageAlt: "AI Marketing Systems"
+              title: "AI Marketing Systems",              description: "Intelligent automation frameworks that handle lead generation, nurturing, and conversion. Built for brands that want to scale efficiently.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/an-abstract-representation-of-ai-marketi-1773289187366-6f949836.png?_wi=1",              imageAlt: "AI Marketing Systems"
            }
          ]}
        />
      </div>

-      <div id="why-vero" data-section="why-vero">
-        <MetricSplitMediaAbout
-          tag="Why Choose Vero AI"
-          tagIcon={Shield}
-          tagAnimation="slide-up"
-          title="Premium Systems for Ambitious Brands"
-          description="We don't build generic solutions. Every strategy, every design, every automation is tailored to your brand and built to deliver measurable results. We work exclusively with serious businesses that refuse to compromise on quality."
-          metrics={[
-            { value: "500+", title: "Successful Implementations" },
-            { value: "$2B+", title: "Client Revenue Generated" }
-          ]}
-          useInvertedBackground={true}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/a-sophisticated-ai-marketing-dashboard-i-1773289187082-284b3e5e.png?_wi=2"
-          imageAlt="Strategic Partnership"
-          mediaAnimation="slide-up"
-          metricsAnimation="slide-up"
-        />
-      </div>
-
      <div id="process" data-section="process">
        <MetricCardEleven
          title="Our Process"
@@ -118,19 +101,19 @@ export default function LandingPage() {
          animationType="slide-up"
          metrics={[
            {
-              id: "1",              value: "Discovery",              title: "Understanding Your Business",              description: "Deep dive into your goals, market, and competitive landscape",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/strategic-discovery-and-consultation-pha-1773289188610-5fa5f564.png",              imageAlt: "Discovery Phase"
+              id: "1",              value: "Discovery",              title: "Understanding Your Business",              description: "Deep dive into your goals, market, and competitive landscape",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/strategic-discovery-and-consultation-pha-1773289188610-5fa5f564.png?_wi=1",              imageAlt: "Discovery Phase"
            },
            {
-              id: "2",              value: "Strategy",              title: "Building Your Roadmap",              description: "Sophisticated strategy that aligns technology with business objectives",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/strategy-development-and-planning-phase--1773289187387-9ce04fbf.png",              imageAlt: "Strategy Phase"
+              id: "2",              value: "Strategy",              title: "Building Your Roadmap",              description: "Sophisticated strategy that aligns technology with business objectives",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/strategy-development-and-planning-phase--1773289187387-9ce04fbf.png?_wi=1",              imageAlt: "Strategy Phase"
            },
            {
-              id: "3",              value: "Build",              title: "Premium Implementation",              description: "Advanced systems built with precision and attention to detail",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/build-and-implementation-phase-showing-d-1773289188356-a18f1154.png",              imageAlt: "Build Phase"
+              id: "3",              value: "Build",              title: "Premium Implementation",              description: "Advanced systems built with precision and attention to detail",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/build-and-implementation-phase-showing-d-1773289188356-a18f1154.png?_wi=1",              imageAlt: "Build Phase"
            },
            {
-              id: "4",              value: "Launch",              title: "Smooth Activation",              description: "Strategic rollout designed for immediate impact and adoption",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/launch-and-go-live-phase-showing-celebra-1773289187330-30f337d3.png",              imageAlt: "Launch Phase"
+              id: "4",              value: "Launch",              title: "Smooth Activation",              description: "Strategic rollout designed for immediate impact and adoption",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/launch-and-go-live-phase-showing-celebra-1773289187330-30f337d3.png?_wi=1",              imageAlt: "Launch Phase"
            },
            {
-              id: "5",              value: "Optimize",              title: "Continuous Improvement",              description: "Ongoing refinement and optimization for sustained results",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/optimization-and-continuous-improvement--1773289188372-dc7422c2.png",              imageAlt: "Optimize Phase"
+              id: "5",              value: "Optimize",              title: "Continuous Improvement",              description: "Ongoing refinement and optimization for sustained results",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/optimization-and-continuous-improvement--1773289188372-dc7422c2.png?_wi=1",              imageAlt: "Optimize Phase"
            }
          ]}
        />
@@ -149,15 +132,15 @@ export default function LandingPage() {
          testimonials={[
            {
              id: "1",              name: "Marcus Richardson",              role: "CEO",              company: "Premium Ventures",              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-confident-bus-1773289186556-a645a6b7.png"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-confident-bus-1773289186556-a645a6b7.png?_wi=3"
            },
            {
              id: "2",              name: "Sophia Chen",              role: "CMO",              company: "Luxury Brand Co",              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-confident-mar-1773289186890-9d714eef.png"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-confident-mar-1773289186890-9d714eef.png?_wi=3"
            },
            {
              id: "3",              name: "James Mitchell",              role: "Founder",              company: "Elite Solutions",              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-successful-en-1773289186769-5f49b9f5.png"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-successful-en-1773289186769-5f49b9f5.png?_wi=3"
            },
            {
              id: "4",              name: "Alexandra Price",              role: "VP Growth",              company: "Apex Collective",              rating: 5,
@@ -205,13 +188,14 @@ export default function LandingPage() {
          tag="Let's Talk"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
-          title="Let Your Brand Look as Advanced as Your Systems"
-          description="Ready to elevate your marketing? Schedule a strategy call with our team and discover how Vero AI can transform your business."
+          title="Transform Your Marketing in 30 Days"
+          description="Ready to elevate your marketing? Complete the form below and our team will reach out within 24 hours to discuss your goals."
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          inputPlaceholder="Enter your email"
-          buttonText="Book Your Call"
+          buttonText="Get Started"
          termsText="We respect your privacy. Unsubscribe at any time."
+          onSubmit={handleContactSubmit}
        />
      </div>

@@ -228,7 +212,6 @@ export default function LandingPage() {
            },
            {
              title: "Company",              items: [
-                { label: "About", href: "#why-vero" },
                { label: "Testimonials", href: "#testimonials" },
                { label: "Contact", href: "#contact" }
              ]
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -0,0 +1,124 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import { Sparkles, CheckCircle } from 'lucide-react';
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="background-highlight"
+      borderRadius="pill"
+      contentWidth="small"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="gradient-bordered"
+      primaryButtonStyle="diagonal-gradient"
+      secondaryButtonStyle="layered"
+      headingFontWeight="light"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Services", id: "/services" },
+            { name: "AI Automation", id: "/ai-automation" },
+            { name: "AI Marketing", id: "/ai-marketing" },
+            { name: "Website Design", id: "/website-design" },
+            { name: "Branding", id: "/branding" },
+            { name: "About", id: "/about" },
+            { name: "Contact", id: "/contact" }
+          ]}
+          brandName="Vero AI"
+          bottomLeftText="Vero Marketing AI"
+          bottomRightText="veroai@veroaimarketing.com"
+        />
+      </div>
+
+      <div id="services" data-section="services">
+        <FeatureCardSeven
+          title="Our Core Services"
+          description="We combine strategic thinking with advanced technology to deliver marketing systems that actually work. Each service is designed to drive real business growth."
+          tag="What We Offer"
+          tagIcon={CheckCircle}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="blur-reveal"
+          features={[
+            {
+              id: 1,
+              title: "AI Automation and Workflows",              description: "Custom automation workflows that eliminate repetitive tasks and accelerate your business processes. Smart systems, real efficiency. We build workflows that save your team 20+ hours per week.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/visual-representation-of-ai-automation-a-1773289187678-5a4ad895.png?_wi=2",              imageAlt: "AI Automations"
+            },
+            {
+              id: 2,
+              title: "Website Design and Development",              description: "Premium digital experiences designed to convert. Clean, fast, and strategically built for your ideal customer. Average client sees 150%+ improvement in conversion rates.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/premium-website-and-brand-design-showcas-1773289187253-99f3e4ce.png?_wi=2",              imageAlt: "Website Design"
+            },
+            {
+              id: 3,
+              title: "AI Marketing Systems",              description: "Intelligent automation frameworks that handle lead generation, nurturing, and conversion. Built for brands that want to scale efficiently. Generate qualified leads on autopilot.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/an-abstract-representation-of-ai-marketi-1773289187366-6f949836.png?_wi=2",              imageAlt: "AI Marketing Systems"
+            },
+            {
+              id: 4,
+              title: "Branding & Creative Direction",              description: "Strategic brand development that positions your company as a premium player in your market. Logo design, brand guidelines, and comprehensive visual identity.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/premium-website-and-brand-design-showcas-1773289187253-99f3e4ce.png?_wi=3",              imageAlt: "Branding & Creative"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactCenter
+          tag="Ready to Get Started?"
+          tagIcon={Sparkles}
+          tagAnimation="slide-up"
+          title="Let's Build Your Marketing System"
+          description="Contact us at veroai@veroaimarketing.com or call 516-402-1199 to schedule a free strategy consultation and discover which services are right for your business."
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+          inputPlaceholder="Enter your email"
+          buttonText="Schedule Consultation"
+          termsText="We respect your privacy. Unsubscribe at any time."
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseCard
+          logoText="Vero AI"
+          columns={[
+            {
+              title: "Product",              items: [
+                { label: "Services", href: "/services" },
+                { label: "AI Automation", href: "/ai-automation" },
+                { label: "AI Marketing", href: "/ai-marketing" }
+              ]
+            },
+            {
+              title: "Company",              items: [
+                { label: "Website Design", href: "/website-design" },
+                { label: "Branding", href: "/branding" },
+                { label: "About", href: "/about" }
+              ]
+            },
+            {
+              title: "Connect",              items: [
+                { label: "Email", href: "mailto:veroai@veroaimarketing.com" },
+                { label: "Phone", href: "tel:5164021199" },
+                { label: "Contact", href: "/contact" }
+              ]
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy", href: "#" },
+                { label: "Terms", href: "#" }
+              ]
+            }
+          ]}
+          copyrightText="© 2025 Vero AI Marketing. All rights reserved."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #0a0a0a;
-  --card: #1a1a1a;
-  --foreground: #d4d4d4;
-  --primary-cta: #c0c0c0;
-  --primary-cta-text: #0a0a0a;
-  --secondary-cta: #1a1a1a;
-  --secondary-cta-text: #d4d4d4;
-  --accent: #a9a9a9;
-  --background-accent: #808080;
+  --background: #000000;
+  --card: #f9f9f9;
+  --foreground: #a2a0a0;
+  --primary-cta: #15479c;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #f9f9f9;
+  --secondary-cta-text: #000000;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
--- a/src/app/website-design/page.tsx
+++ b/src/app/website-design/page.tsx
@@ -0,0 +1,143 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import { Sparkles, Zap } from 'lucide-react';
+
+export default function WebsiteDesignPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="background-highlight"
+      borderRadius="pill"
+      contentWidth="small"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="gradient-bordered"
+      primaryButtonStyle="diagonal-gradient"
+      secondaryButtonStyle="layered"
+      headingFontWeight="light"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Services", id: "/services" },
+            { name: "AI Automation", id: "/ai-automation" },
+            { name: "AI Marketing", id: "/ai-marketing" },
+            { name: "Website Design", id: "/website-design" },
+            { name: "Branding", id: "/branding" },
+            { name: "About", id: "/about" },
+            { name: "Contact", id: "/contact" }
+          ]}
+          brandName="Vero AI"
+          bottomLeftText="Vero Marketing AI"
+          bottomRightText="veroai@veroaimarketing.com"
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroBillboard
+          title="Premium Website Design & Development"
+          description="Beautiful, fast, and conversion-optimized websites that represent your premium brand and drive measurable business results."
+          background={{ variant: "sparkles-gradient" }}
+          tag="Web Development"
+          tagIcon={Sparkles}
+          tagAnimation="slide-up"
+          buttons={[
+            { text: "Get a Quote", href: "/contact" },
+            { text: "See Portfolio", href: "/services" }
+          ]}
+          buttonAnimation="slide-up"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/premium-website-and-brand-design-showcas-1773289187253-99f3e4ce.png?_wi=4"
+          imageAlt="Website Design Showcase"
+          mediaAnimation="blur-reveal"
+        />
+      </div>
+
+      <div id="features" data-section="features">
+        <MetricCardEleven
+          title="What We Deliver"
+          description="Every website is strategically designed to convert and built to perform."
+          tag="Our Approach"
+          tagIcon={Zap}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          metrics={[
+            {
+              id: "1",              value: "150%+",              title: "Average Conversion Increase",              description: "Typical improvement in qualified leads from redesigned sites",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/strategic-discovery-and-consultation-pha-1773289188610-5fa5f564.png?_wi=4",              imageAlt: "Conversions"
+            },
+            {
+              id: "2",              value: "<2s",              title: "Average Load Time",              description: "Lightning-fast performance optimized for user experience",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/strategy-development-and-planning-phase--1773289187387-9ce04fbf.png?_wi=4",              imageAlt: "Performance"
+            },
+            {
+              id: "3",              value: "100%",              title: "Mobile Optimized",              description: "Responsive design perfect on all devices and screen sizes",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/build-and-implementation-phase-showing-d-1773289188356-a18f1154.png?_wi=4",              imageAlt: "Mobile"
+            },
+            {
+              id: "4",              value: "SEO",              title: "Built for Search Ranking",              description: "Technical SEO best practices for organic visibility",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/launch-and-go-live-phase-showing-celebra-1773289187330-30f337d3.png?_wi=4",              imageAlt: "SEO"
+            },
+            {
+              id: "5",              value: "Premium",              title: "Brand Integration",              description: "Seamless alignment with your brand identity and messaging",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/optimization-and-continuous-improvement--1773289188372-dc7422c2.png?_wi=4",              imageAlt: "Branding"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactCenter
+          tag="Ready for a New Website?"
+          tagIcon={Sparkles}
+          tagAnimation="slide-up"
+          title="Let's Build Something Amazing"
+          description="Contact us at veroai@veroaimarketing.com or call 516-402-1199 to discuss your website needs and get started on your digital transformation."
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+          inputPlaceholder="Enter your email"
+          buttonText="Get a Free Quote"
+          termsText="We respect your privacy. Unsubscribe at any time."
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseCard
+          logoText="Vero AI"
+          columns={[
+            {
+              title: "Product",              items: [
+                { label: "Services", href: "/services" },
+                { label: "AI Automation", href: "/ai-automation" },
+                { label: "AI Marketing", href: "/ai-marketing" }
+              ]
+            },
+            {
+              title: "Company",              items: [
+                { label: "Website Design", href: "/website-design" },
+                { label: "Branding", href: "/branding" },
+                { label: "About", href: "/about" }
+              ]
+            },
+            {
+              title: "Connect",              items: [
+                { label: "Email", href: "mailto:veroai@veroaimarketing.com" },
+                { label: "Phone", href: "tel:5164021199" },
+                { label: "Contact", href: "/contact" }
+              ]
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy", href: "#" },
+                { label: "Terms", href: "#" }
+              ]
+            }
+          ]}
+          copyrightText="© 2025 Vero AI Marketing. All rights reserved."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
Author	SHA1	Message	Date
bender	4f8da260de	Update src/app/page.tsx	2026-03-12 05:13:53 +00:00
bender	6d4479913c	Merge version_5 into main Merge version_5 into main	2026-03-12 05:11:41 +00:00
bender	0b2553e14d	Update theme colors	2026-03-12 05:11:35 +00:00
bender	3c59880383	Merge version_5 into main Merge version_5 into main	2026-03-12 05:10:48 +00:00
bender	ce5532a23f	Update theme colors	2026-03-12 05:10:42 +00:00
bender	e8eb1a2978	Merge version_5 into main Merge version_5 into main	2026-03-12 05:10:33 +00:00
bender	e17202d515	Update theme colors	2026-03-12 05:10:27 +00:00
bender	471e679bf8	Merge version_5 into main Merge version_5 into main	2026-03-12 05:09:52 +00:00
bender	7ec99096e4	Update theme colors	2026-03-12 05:09:46 +00:00
bender	9d2d5fa5fd	Merge version_5 into main Merge version_5 into main	2026-03-12 05:07:52 +00:00
bender	1e516853cb	Update theme colors	2026-03-12 05:07:46 +00:00
bender	f8361d8139	Merge version_5 into main Merge version_5 into main	2026-03-12 05:07:06 +00:00
bender	96fd3c03c9	Update theme colors	2026-03-12 05:07:00 +00:00
bender	3bcb9d4184	Merge version_5 into main Merge version_5 into main	2026-03-12 05:06:00 +00:00
bender	64a1dd9961	Update theme colors	2026-03-12 05:05:54 +00:00
bender	3a9b336885	Merge version_5 into main Merge version_5 into main	2026-03-12 05:05:16 +00:00
bender	8575ea55b2	Update src/app/page.tsx	2026-03-12 05:05:12 +00:00
bender	5d2e43d74a	Update src/app/ai-marketing/page.tsx	2026-03-12 05:05:12 +00:00
bender	1358e93512	Update src/app/ai-automation/page.tsx	2026-03-12 05:05:12 +00:00
bender	d8c66df936	Merge version_5 into main Merge version_5 into main	2026-03-12 05:04:51 +00:00
bender	cd1cefc3d6	Update src/app/styles/variables.css	2026-03-12 05:04:47 +00:00
bender	1a6833dd61	Update src/app/page.tsx	2026-03-12 05:04:46 +00:00
bender	398f2db08c	Update src/app/ai-marketing/page.tsx	2026-03-12 05:04:46 +00:00
bender	912b0303cf	Update src/app/ai-automation/page.tsx	2026-03-12 05:04:46 +00:00
bender	50b796015d	Merge version_4 into main Merge version_4 into main	2026-03-12 04:57:12 +00:00
bender	045b3187e9	Update src/app/website-design/page.tsx	2026-03-12 04:57:08 +00:00
bender	0df0a43a3f	Update src/app/services/page.tsx	2026-03-12 04:57:08 +00:00
bender	818cb10e7f	Update src/app/page.tsx	2026-03-12 04:57:07 +00:00
bender	2c1ef7f6e9	Update src/app/branding/page.tsx	2026-03-12 04:57:07 +00:00
bender	11472c5afc	Update src/app/ai-marketing/page.tsx	2026-03-12 04:57:06 +00:00
bender	bb7724fd15	Update src/app/ai-automation/page.tsx	2026-03-12 04:57:06 +00:00
bender	7dce2f1844	Merge version_4 into main Merge version_4 into main	2026-03-12 04:56:45 +00:00
bender	2be377673f	Add src/app/website-design/page.tsx	2026-03-12 04:56:41 +00:00
bender	8995682c7d	Update src/app/styles/variables.css	2026-03-12 04:56:41 +00:00
bender	03a2f5cd67	Add src/app/services/page.tsx	2026-03-12 04:56:40 +00:00
bender	5a641df3da	Add src/app/branding/page.tsx	2026-03-12 04:56:40 +00:00
bender	103252addc	Add src/app/ai-marketing/page.tsx	2026-03-12 04:56:39 +00:00
bender	711d4b78dd	Add src/app/ai-automation/page.tsx	2026-03-12 04:56:39 +00:00
bender	d38fdc0e0d	Merge version_3 into main Merge version_3 into main	2026-03-12 04:43:32 +00:00
bender	117378d1a5	Update src/app/page.tsx	2026-03-12 04:43:28 +00:00
bender	089cd50d90	Merge version_2 into main Merge version_2 into main	2026-03-12 04:38:36 +00:00
bender	1dcafba5aa	Merge version_2 into main Merge version_2 into main	2026-03-12 04:37:40 +00:00