Update src/app/website-design/page.tsx

Merge version_3 into main

src/app/ai-automation/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 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: "/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="AI Automation & Workflows"
+          description="Transform your business operations with intelligent automation. We build custom workflows that eliminate manual tasks, reduce errors, and free up your team to focus on strategy."
+          background={{ variant: "sparkles-gradient" }}
+          tag="Automation Solutions"
+          tagIcon={Sparkles}
+          tagAnimation="slide-up"
+          buttons={[
+            { text: "Schedule Consultation", href: "/contact" },
+            { text: "See Case Studies", href: "/services" }
+          ]}
+          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=3"
+          imageAlt="AI Automation Dashboard"
+          mediaAnimation="blur-reveal"
+        />
+      </div>
+
+      <div id="benefits" data-section="benefits">
+        <MetricCardEleven
+          title="What Our Automation Delivers"
+          description="Real efficiency gains that impact your bottom line immediately."
+          tag="Results"
+          tagIcon={Zap}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          metrics={[
+            {
+              id: "1",              value: "85%",              title: "Time Savings",              description: "Average reduction in manual task time for our clients",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/strategic-discovery-and-consultation-pha-1773289188610-5fa5f564.png?_wi=2",              imageAlt: "Time Savings"
+            },
+            {
+              id: "2",              value: "92%",              title: "Error Reduction",              description: "Decrease in operational errors with automated workflows",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/strategy-development-and-planning-phase--1773289187387-9ce04fbf.png?_wi=2",              imageAlt: "Error Reduction"
+            },
+            {
+              id: "3",              value: "3x",              title: "Productivity Boost",              description: "Increase in output per team member with automation",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/build-and-implementation-phase-showing-d-1773289188356-a18f1154.png?_wi=2",              imageAlt: "Productivity"
+            },
+            {
+              id: "4",              value: "24/7",              title: "Round-the-Clock Operation",              description: "Workflows run automatically, no human intervention required",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/launch-and-go-live-phase-showing-celebra-1773289187330-30f337d3.png?_wi=2",              imageAlt: "24/7 Operations"
+            },
+            {
+              id: "5",              value: "$150K+",              title: "Annual Savings",              description: "Average annual cost reduction per implementation",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/optimization-and-continuous-improvement--1773289188372-dc7422c2.png?_wi=2",              imageAlt: "Cost Savings"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactCenter
+          tag="Ready to Automate?"
+          tagIcon={Sparkles}
+          tagAnimation="slide-up"
+          title="Start Your Automation Journey"
+          description="Contact us at veroai@veroaimarketing.com or call 516-402-1199 to discuss your automation needs and discover how we can transform your operations."
+          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>
+  );
+}

src/app/ai-marketing/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 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: "/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="AI-Powered Marketing Systems"
+          description="Generate qualified leads and close more deals with intelligent marketing automation. Our AI systems handle lead generation, nurturing, and conversion—24/7."
+          background={{ variant: "sparkles-gradient" }}
+          tag="Marketing Automation"
+          tagIcon={Sparkles}
+          tagAnimation="slide-up"
+          buttons={[
+            { text: "Start Your System", href: "/contact" },
+            { text: "View Results", href: "/services" }
+          ]}
+          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=3"
+          imageAlt="AI Marketing Dashboard"
+          mediaAnimation="blur-reveal"
+        />
+      </div>
+
+      <div id="benefits" data-section="benefits">
+        <MetricCardEleven
+          title="Marketing System Results"
+          description="Proven performance metrics from our AI marketing implementations."
+          tag="Performance"
+          tagIcon={Zap}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          metrics={[
+            {
+              id: "1",              value: "340%",              title: "Average ROI Improvement",              description: "Return on investment increase within first 6 months",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/strategic-discovery-and-consultation-pha-1773289188610-5fa5f564.png?_wi=3",              imageAlt: "ROI Improvement"
+            },
+            {
+              id: "2",              value: "240%",              title: "Conversion Rate Lift",              description: "Average increase in qualified lead conversion",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/strategy-development-and-planning-phase--1773289187387-9ce04fbf.png?_wi=3",              imageAlt: "Conversion Lift"
+            },
+            {
+              id: "3",              value: "180%",              title: "Lead Volume Increase",              description: "Growth in qualified leads generated monthly",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/build-and-implementation-phase-showing-d-1773289188356-a18f1154.png?_wi=3",              imageAlt: "Lead Volume"
+            },
+            {
+              id: "4",              value: "98%",              title: "Lead Quality Score",              description: "Percentage of leads meeting your ideal customer profile",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/launch-and-go-live-phase-showing-celebra-1773289187330-30f337d3.png?_wi=3",              imageAlt: "Lead Quality"
+            },
+            {
+              id: "5",              value: "$25M+",              title: "Client Revenue Generated",              description: "Total qualified revenue attributed to our systems",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/optimization-and-continuous-improvement--1773289188372-dc7422c2.png?_wi=3",              imageAlt: "Revenue Generated"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactCenter
+          tag="Ready to Scale?"
+          tagIcon={Sparkles}
+          tagAnimation="slide-up"
+          title="Launch Your AI Marketing System"
+          description="Contact us at veroai@veroaimarketing.com or call 516-402-1199 to discuss your marketing goals and how our AI system can generate consistent qualified leads."
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+          inputPlaceholder="Enter your email"
+          buttonText="Schedule Strategy Call"
+          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>
+  );
+}

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>
+  );
+}

src/app/page.tsx

@@ -73,15 +73,15 @@ 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"
             }
           ]}
         />
@@ -118,19 +118,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"
             }
           ]}
         />
@@ -205,7 +205,7 @@ export default function LandingPage() {
           tag="Let's Talk"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
-          title="Let Your Brand Look as Advanced as Your Systems"
+          title="Transform Your Marketing in 30 Days"
           description="Ready to elevate your marketing? Schedule a strategy call with our team and discover how Vero AI can transform your business."
           background={{ variant: "plain" }}
           useInvertedBackground={false}
@@ -252,4 +252,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

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>
+  );
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
-  --card: #1a1a1a;
-  --foreground: #d4d4d4;
-  --primary-cta: #c0c0c0;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #000000;
+  --primary-cta: #000000;
   --primary-cta-text: #0a0a0a;
-  --secondary-cta: #1a1a1a;
+  --secondary-cta: #f0f0f0;
   --secondary-cta-text: #d4d4d4;
-  --accent: #a9a9a9;
-  --background-accent: #808080;
+  --accent: #c0c0c0;
+  --background-accent: #e8e8e8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

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>
+  );
+}