Merge version_3 into main

Merge version_3 into main

src/app/contact/page.tsx

@@ -4,40 +4,41 @@ import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import ContactText from "@/components/sections/contact/ContactText";
-import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
+import FaqDouble from "@/components/sections/faq/FaqDouble";
 import FooterBase from "@/components/sections/footer/FooterBase";
 import { HelpCircle } from "lucide-react";
 
 const navItems = [
   { name: "Home", id: "/" },
-  { name: "Services", id: "/services" },
-  { name: "About", id: "/about" },
+  { name: "Services", id: "/#services" },
+  { name: "Portfolio", id: "/#portfolio" },
+  { name: "About", id: "/#about" },
   { name: "Contact", id: "/contact" },
 ];
 
 const footerColumns = [
   {
-    title: "Solutions",    items: [
-      { label: "Digital Strategy", href: "/services" },
-      { label: "Software Development", href: "/services" },
-      { label: "Cloud Infrastructure", href: "/services" },
-      { label: "AI & Innovation", href: "/services" },
+    title: "Services",    items: [
+      { label: "Web Design", href: "/#services" },
+      { label: "Web Development", href: "/#services" },
+      { label: "E-Commerce Solutions", href: "/#services" },
+      { label: "Brand Strategy", href: "/#services" },
     ],
   },
   {
     title: "Company",    items: [
-      { label: "About Us", href: "/about" },
-      { label: "Our Team", href: "/about" },
-      { label: "Case Studies", href: "/" },
-      { label: "Blog", href: "/" },
+      { label: "About Us", href: "/#about" },
+      { label: "Our Portfolio", href: "/#portfolio" },
+      { label: "Case Studies", href: "/#portfolio" },
+      { label: "Blog", href: "/blog" },
     ],
   },
   {
     title: "Connect",    items: [
       { label: "Contact Us", href: "/contact" },
-      { label: "LinkedIn", href: "/" },
-      { label: "Twitter", href: "/" },
-      { label: "Privacy Policy", href: "/" },
+      { label: "LinkedIn", href: "https://linkedin.com" },
+      { label: "Twitter", href: "https://twitter.com" },
+      { label: "Privacy Policy", href: "/privacy" },
     ],
   },
 ];
@@ -45,16 +46,16 @@ const footerColumns = [
 export default function ContactPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="bounce-effect"
+      defaultButtonVariant="icon-arrow"
       defaultTextAnimation="entrance-slide"
-      borderRadius="soft"
-      contentWidth="mediumLarge"
-      sizing="largeSmallSizeMediumTitles"
-      background="circleGradient"
-      cardStyle="glass-depth"
-      primaryButtonStyle="radial-glow"
-      secondaryButtonStyle="solid"
-      headingFontWeight="medium"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="mediumLargeSizeMediumTitles"
+      background="none"
+      cardStyle="subtle-shadow"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline
@@ -71,43 +72,39 @@ export default function ContactPage() {
 
       <div id="contact-cta" data-section="contact-cta">
         <ContactText
-          text="Ready to transform your business through digital innovation? Connect with our team to explore how Cornerstone Digital can accelerate your digital transformation journey and unlock new growth opportunities."
+          text="Let's Create Something Extraordinary Together. Tell us about your project and vision. Our team is ready to discuss how we can help you build a website that drives real business growth."
           animationType="entrance-slide"
           background={{ variant: "sparkles-gradient" }}
           buttons={[
-            { text: "Schedule Free Consultation", href: "#contact-form" },
-            { text: "Send Inquiry", href: "#" },
+            { text: "Get in Touch", href: "#" },
+            { text: "View Our Work", href: "/#portfolio" },
           ]}
           useInvertedBackground={false}
         />
       </div>
 
       <div id="contact-faq" data-section="contact-faq">
-        <FaqSplitMedia
+        <FaqDouble
           title="Frequently Asked Questions"
-          description="Find answers to common questions about our services and engagement model"
-          tag="Support"
+          description="Find answers to common questions about our web design and development services"
+          tag="We're Here to Help"
           tagIcon={HelpCircle}
           tagAnimation="slide-up"
           faqs={[
             {
-              id: "1",              title: "How do I get started with Cornerstone Digital?",              content: "Simply reach out to our team with your project details and business objectives. We'll schedule an initial consultation to understand your needs, discuss our approach, and provide a customized proposal and engagement timeline."},
+              id: "1",              title: "What is your design and development process?",              content: "We follow a proven methodology: Discovery and strategy → Design concepts → Development and testing → Launch and optimization. We keep you involved at every stage and ensure transparent communication throughout the project."},
             {
-              id: "2",              title: "What is your typical project timeline?",              content: "Project timelines vary based on scope and complexity. Strategic consulting engagements typically run 3-6 months, while custom development projects can range from 6-18 months. We provide detailed timelines during the planning phase."},
+              id: "2",              title: "How long does a typical website project take?",              content: "Project timelines vary based on scope and complexity. Most custom website projects take 8-16 weeks from kickoff to launch. We provide detailed timelines and milestones during the initial consultation so you know exactly what to expect."},
             {
-              id: "3",              title: "Do you provide ongoing support after project completion?",              content: "Yes, we offer comprehensive post-launch support including monitoring, optimization, troubleshooting, and continuous improvements. Many clients transition to ongoing support agreements for long-term partnership and evolution of their systems."},
+              id: "3",              title: "Do you provide ongoing support after launch?",              content: "Absolutely. We offer ongoing maintenance, updates, security monitoring, and optimization services. Many of our clients choose monthly or quarterly support packages to ensure their website continues to perform at its best and adapt to business changes."},
             {
-              id: "4",              title: "What industries do you serve?",              content: "We serve diverse industries including financial services, healthcare, retail, manufacturing, telecommunications, and government. Our cross-industry experience enables us to bring best practices and innovative solutions to your specific domain."},
+              id: "4",              title: "Can you redesign my existing website?",              content: "Yes. We specialize in website redesigns that modernize your online presence while preserving valuable SEO equity and brand elements. We'll conduct an audit of your current site and develop a strategic refresh plan."},
             {
-              id: "5",              title: "How do you ensure confidentiality and data security?",              content: "We maintain strict confidentiality agreements and implement enterprise-grade security practices. All team members sign NDAs, and we follow industry best practices for data protection and compliance across all engagements."},
+              id: "5",              title: "Do you offer SEO services?",              content: "Yes. All our websites are built with SEO best practices in mind. We optimize site structure, performance, content, and technical elements. We also offer dedicated SEO services to help your website rank higher and attract more organic traffic."},
             {
-              id: "6",              title: "What makes Cornerstone Digital different?",              content: "We combine strategic expertise with technical excellence, deep industry knowledge, and genuine partnership approach. Our team has 14+ years of experience delivering transformative solutions for Fortune 500 companies and mid-market leaders."},
+              id: "6",              title: "What makes Cornerstone Digital different?",              content: "We combine premium design with strategic thinking and technical excellence. We're not just designers—we're digital strategists focused on delivering websites that attract customers and drive measurable business results. Every project receives dedicated attention and expertise."},
           ]}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8iSCR0XizqIkb5uUFm0FMJnK/a-professional-customer-support-and-tech-1772574799185-5b42e6b8.png"
-          imageAlt="Customer support and assistance"
-          mediaAnimation="slide-up"
           faqsAnimation="slide-up"
-          mediaPosition="left"
           textboxLayout="default"
           useInvertedBackground={false}
           animationType="smooth"
@@ -123,4 +120,4 @@ export default function ContactPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/layout.tsx

@@ -1,62 +1,25 @@
 import type { Metadata } from "next";
-import { Roboto } from "next/font/google";
+import { DM_Sans } from "next/font/google";
+import "./styles/variables.css";
 import "./globals.css";
-import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";
 
-const roboto = Roboto({
-  variable: "--font-roboto",
-  subsets: ["latin"],
-  weight: ["100", "300", "400", "500", "700", "900"],
+const dmSans = DM_Sans({
+  variable: "--font-dm-sans",  subsets: ["latin"],
 });
 
 export const metadata: Metadata = {
-  title: "Cornerstone Digital - Digital Transformation & Technology Solutions",
-  description: "Enterprise digital transformation, custom software development, and AI solutions. Trusted by 150+ leading companies for strategic digital innovation and technology excellence.",
-  keywords: "digital transformation, software development, AI solutions, enterprise technology, digital strategy, cloud consulting",
-  metadataBase: new URL("https://cornerstonedigital.com"),
-  alternates: {
-    canonical: "https://cornerstonedigital.com",
-  },
-  openGraph: {
-    title: "Cornerstone Digital - Transform Your Business",
-    description: "Enterprise digital transformation and technology solutions for Fortune 500 companies and mid-market leaders.",
-    url: "https://cornerstonedigital.com",
-    siteName: "Cornerstone Digital",
-    type: "website",
-    images: [
-      {
-        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8iSCR0XizqIkb5uUFm0FMJnK/a-modern-sophisticated-digital-agency-da-1772574799341-d098d907.png",
-        alt: "Cornerstone Digital Digital Transformation",
-      },
-    ],
-  },
-  twitter: {
-    card: "summary_large_image",
-    title: "Cornerstone Digital - Digital Transformation Excellence",
-    description: "Transform your business with enterprise-grade technology solutions and strategic digital innovation.",
-    images: [
-      "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8iSCR0XizqIkb5uUFm0FMJnK/a-modern-sophisticated-digital-agency-da-1772574799341-d098d907.png",
-    ],
-  },
-  robots: {
-    index: true,
-    follow: true,
-  },
-};
+  title: "Cornerstone Digital | Web Design & Development Agency",  description: "Leading web design agency creating high-converting, visually impressive websites that help businesses attract more customers and drive growth."};
 
 export default function RootLayout({
   children,
-}: Readonly<{
+}: {
   children: React.ReactNode;
-}>) {
+}) {
   return (
-    <html lang="en" suppressHydrationWarning>
-      <ServiceWrapper>
-        <body className={`${roboto.variable} antialiased`}>
-          <Tag />
-          {children}
-        
+    <html lang="en">
+      <body className={dmSans.variable}>
+        {children}
+      
         <script
           dangerouslySetInnerHTML={{
             __html: `
@@ -1424,7 +1387,6 @@ export default function RootLayout({
           }}
         />
       </body>
-      </ServiceWrapper>
     </html>
   );
 }

src/app/page.tsx

@@ -10,38 +10,39 @@ import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCar
 import MetricCardTen from "@/components/sections/metrics/MetricCardTen";
 import ContactText from "@/components/sections/contact/ContactText";
 import FooterBase from "@/components/sections/footer/FooterBase";
-import { Sparkles, Building2, Target, Star, TrendingUp, HelpCircle, ArrowRight } from "lucide-react";
+import { Sparkles, Building2, Target, Star, TrendingUp, ArrowRight, CheckCircle } from "lucide-react";
 
 const navItems = [
   { name: "Home", id: "/" },
-  { name: "Services", id: "/services" },
-  { name: "About", id: "/about" },
-  { name: "Contact", id: "/contact" },
+  { name: "Services", id: "#services" },
+  { name: "Portfolio", id: "#portfolio" },
+  { name: "About", id: "#about" },
+  { name: "Contact", id: "#contact" },
 ];
 
 const footerColumns = [
   {
-    title: "Solutions",    items: [
-      { label: "Digital Strategy", href: "/services" },
-      { label: "Software Development", href: "/services" },
-      { label: "Cloud Infrastructure", href: "/services" },
-      { label: "AI & Innovation", href: "/services" },
+    title: "Services",    items: [
+      { label: "Web Design", href: "#services" },
+      { label: "Web Development", href: "#services" },
+      { label: "E-Commerce Solutions", href: "#services" },
+      { label: "Brand Strategy", href: "#services" },
     ],
   },
   {
     title: "Company",    items: [
-      { label: "About Us", href: "/about" },
-      { label: "Our Team", href: "/about" },
-      { label: "Case Studies", href: "/" },
-      { label: "Blog", href: "/" },
+      { label: "About Us", href: "#about" },
+      { label: "Our Portfolio", href: "#portfolio" },
+      { label: "Case Studies", href: "#portfolio" },
+      { label: "Blog", href: "/blog" },
     ],
   },
   {
     title: "Connect",    items: [
-      { label: "Contact Us", href: "/contact" },
-      { label: "LinkedIn", href: "/" },
-      { label: "Twitter", href: "/" },
-      { label: "Privacy Policy", href: "/" },
+      { label: "Contact Us", href: "#contact" },
+      { label: "LinkedIn", href: "https://linkedin.com" },
+      { label: "Twitter", href: "https://twitter.com" },
+      { label: "Privacy Policy", href: "/privacy" },
     ],
   },
 ];
@@ -49,16 +50,16 @@ const footerColumns = [
 export default function HomePage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="bounce-effect"
+      defaultButtonVariant="icon-arrow"
       defaultTextAnimation="entrance-slide"
-      borderRadius="soft"
-      contentWidth="mediumLarge"
-      sizing="largeSmallSizeMediumTitles"
-      background="circleGradient"
-      cardStyle="glass-depth"
-      primaryButtonStyle="radial-glow"
-      secondaryButtonStyle="solid"
-      headingFontWeight="medium"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="mediumLargeSizeMediumTitles"
+      background="none"
+      cardStyle="subtle-shadow"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline
@@ -68,95 +69,123 @@ export default function HomePage() {
             id: item.id,
           }))}
           button={{
-            text: "Get Started",            href: "/contact"}}
+            text: "Get Started",            href: "#contact"}}
           animateOnLoad={true}
         />
       </div>
 
       <div id="hero" data-section="hero">
         <HeroBillboardScroll
-          title="Transform Your Business with Digital Excellence"
-          description="Cornerstone Digital delivers cutting-edge technology solutions, strategic digital transformation, and innovative software development to drive your business forward."
-          tag="Digital Innovation Leaders"
+          title="Build High-Converting Websites That Drive Business Growth"
+          description="Cornerstone Digital specializes in creating sleek, professional websites designed to attract more customers and deliver measurable results. We combine stunning design with strategic functionality to help your business stand out."
+          tag="Professional Web Design Excellence"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           background={{ variant: "sparkles-gradient" }}
           buttons={[
-            { text: "Explore Our Services", href: "/services" },
-            { text: "Schedule Consultation", href: "/contact" },
+            { text: "See Our Work", href: "#portfolio" },
+            { text: "Start Your Project", href: "#contact" },
           ]}
           buttonAnimation="slide-up"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8iSCR0XizqIkb5uUFm0FMJnK/a-modern-sophisticated-digital-agency-da-1772574799341-d098d907.png"
-          imageAlt="Digital transformation dashboard interface"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8iSCR0XizqIkb5uUFm0FMJnK/a-modern-sophisticated-digital-agency-da-1772574799341-d098d907.png?_wi=1"
+          imageAlt="Modern web design portfolio showcase"
+        />
+      </div>
+
+      <div id="services" data-section="services">
+        <FeatureCardTwentySix
+          title="Our Web Design & Development Services"
+          description="We deliver premium websites that combine stunning aesthetics with conversion-focused functionality"
+          tag="What We Deliver"
+          tagIcon={Target}
+          tagAnimation="slide-up"
+          features={[
+            {
+              title: "Custom Web Design",              description: "Bespoke website designs tailored to your brand identity and business goals. Every pixel crafted to impress and convert.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8iSCR0XizqIkb5uUFm0FMJnK/a-modern-sophisticated-digital-agency-da-1772574799341-d098d907.png?_wi=2",              imageAlt: "Custom web design",              buttonIcon: ArrowRight,
+              buttonHref: "#contact"},
+            {
+              title: "E-Commerce Solutions",              description: "Powerful online stores built to maximize sales. Seamless shopping experiences that turn visitors into loyal customers.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8iSCR0XizqIkb5uUFm0FMJnK/a-strategic-planning-session-visualizati-1772574798945-3f24e812.png?_wi=1",              imageAlt: "E-commerce solutions",              buttonIcon: ArrowRight,
+              buttonHref: "#contact"},
+            {
+              title: "Brand Strategy & Identity",              description: "Strategic brand development that resonates with your target audience and differentiates you from competitors.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8iSCR0XizqIkb5uUFm0FMJnK/an-innovation-lab-environment-showcasing-1772574798649-a3260d7f.png?_wi=1",              imageAlt: "Brand strategy development",              buttonIcon: ArrowRight,
+              buttonHref: "#contact"},
+            {
+              title: "Performance Optimization",              description: "Lightning-fast websites that rank higher in search results and deliver exceptional user experiences across all devices.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8iSCR0XizqIkb5uUFm0FMJnK/a-professional-customer-support-and-tech-1772574799185-5b42e6b8.png",              imageAlt: "Website performance optimization",              buttonIcon: ArrowRight,
+              buttonHref: "#contact"},
+          ]}
+          textboxLayout="default"
+          useInvertedBackground={false}
+          buttons={[{ text: "Explore All Services", href: "#contact" }]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="portfolio" data-section="portfolio">
+        <FeatureCardTwentySix
+          title="Our Portfolio"
+          description="Showcase of successful projects that demonstrate our commitment to quality, creativity, and delivering results that matter"
+          tag="Client Success Stories"
+          tagIcon={Star}
+          tagAnimation="slide-up"
+          features={[
+            {
+              title: "TechVentures Platform",              description: "Complete website redesign and development for a fast-growing SaaS company. Result: 45% increase in customer acquisition.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8iSCR0XizqIkb5uUFm0FMJnK/a-modern-sophisticated-digital-agency-da-1772574799341-d098d907.png?_wi=3",              imageAlt: "TechVentures project",              buttonIcon: ArrowRight,
+              buttonHref: "#contact"},
+            {
+              title: "GlobalFinance Solutions",              description: "Enterprise-grade financial services website with advanced security features. Improved user engagement by 60%.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8iSCR0XizqIkb5uUFm0FMJnK/a-professional-team-of-digital-strategis-1772574799357-22010848.png?_wi=1",              imageAlt: "GlobalFinance project",              buttonIcon: ArrowRight,
+              buttonHref: "#contact"},
+            {
+              title: "E-Commerce Excellence",              description: "Custom e-commerce platform for luxury retail brand. Achieved 3x revenue growth in first year of launch.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8iSCR0XizqIkb5uUFm0FMJnK/a-strategic-planning-session-visualizati-1772574798945-3f24e812.png?_wi=2",              imageAlt: "E-commerce project",              buttonIcon: ArrowRight,
+              buttonHref: "#contact"},
+            {
+              title: "Brand Transformation",              description: "Complete brand identity redesign and website overhaul for established corporation. Repositioned market presence successfully.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8iSCR0XizqIkb5uUFm0FMJnK/an-innovation-lab-environment-showcasing-1772574798649-a3260d7f.png?_wi=2",              imageAlt: "Brand transformation project",              buttonIcon: ArrowRight,
+              buttonHref: "#contact"},
+          ]}
+          textboxLayout="default"
+          useInvertedBackground={false}
+          buttons={[{ text: "View All Projects", href: "#contact" }]}
+          buttonAnimation="slide-up"
         />
       </div>
 
       <div id="about" data-section="about">
         <MediaAbout
-          title="Empowering Digital Transformation Since 2010"
-          description="Cornerstone Digital is a trusted partner for enterprises seeking to modernize their operations through technology. We combine strategic expertise with innovative engineering to deliver transformative solutions that create measurable business impact."
+          title="Why Choose Cornerstone Digital"
+          description="We are a team of design and development experts committed to delivering exceptional websites that drive real business growth. With a focus on quality, professionalism, and results, we partner with businesses that demand excellence. Our track record speaks for itself: premium websites that attract customers, build trust, and generate revenue."
           tag="About Us"
           tagIcon={Building2}
           tagAnimation="slide-up"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8iSCR0XizqIkb5uUFm0FMJnK/a-professional-team-of-digital-strategis-1772574799357-22010848.png"
-          imageAlt="Cornerstone Digital team collaborating on digital solutions"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8iSCR0XizqIkb5uUFm0FMJnK/a-professional-team-of-digital-strategis-1772574799357-22010848.png?_wi=2"
+          imageAlt="Cornerstone Digital team"
           buttons={[
-            { text: "Meet Our Team", href: "/about" },
-            { text: "Learn Our Story", href: "/" },
+            { text: "Learn More", href: "#contact" },
+            { text: "Start Your Project", href: "#contact" },
           ]}
           buttonAnimation="slide-up"
           useInvertedBackground={false}
         />
       </div>
 
-      <div id="features" data-section="features">
-        <FeatureCardTwentySix
-          title="Our Core Capabilities"
-          description="We deliver expertise across key digital domains to accelerate your transformation journey"
-          tag="What We Do"
-          tagIcon={Target}
-          tagAnimation="slide-up"
-          features={[
-            {
-              title: "Digital Strategy & Consulting",              description: "Strategic roadmaps and digital transformation frameworks tailored to your business objectives and market dynamics.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8iSCR0XizqIkb5uUFm0FMJnK/a-strategic-planning-session-visualizati-1772574798945-3f24e812.png?_wi=1",              imageAlt: "Digital strategy and consulting",              buttonIcon: ArrowRight,
-              buttonHref: "/services"},
-            {
-              title: "Custom Software Development",              description: "Enterprise-grade applications, web platforms, and mobile solutions built with cutting-edge technologies and best practices.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8iSCR0XizqIkb5uUFm0FMJnK/a-software-development-workspace-featuri-1772574799257-7321e612.png",              imageAlt: "Custom software development",              buttonIcon: ArrowRight,
-              buttonHref: "/services"},
-            {
-              title: "AI & Innovation Solutions",              description: "Leverage artificial intelligence, machine learning, and emerging technologies to unlock new opportunities and competitive advantages.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8iSCR0XizqIkb5uUFm0FMJnK/an-innovation-lab-environment-showcasing-1772574798649-a3260d7f.png",              imageAlt: "AI and innovation solutions",              buttonIcon: ArrowRight,
-              buttonHref: "/services"},
-            {
-              title: "Cloud Infrastructure",              description: "Scalable, secure cloud solutions designed for performance, reliability, and cost optimization across your organization.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8iSCR0XizqIkb5uUFm0FMJnK/a-strategic-planning-session-visualizati-1772574798945-3f24e812.png?_wi=2",              imageAlt: "Cloud infrastructure solutions",              buttonIcon: ArrowRight,
-              buttonHref: "/services"},
-          ]}
-          textboxLayout="default"
-          useInvertedBackground={false}
-          buttons={[{ text: "View All Services", href: "/services" }]}
-          buttonAnimation="slide-up"
-        />
-      </div>
-
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardTen
-          title="Trusted by Industry Leaders"
-          description="See what enterprise clients say about their transformation journey with Cornerstone Digital"
-          tag="Client Success Stories"
+          title="What Our Clients Say"
+          description="Businesses trust Cornerstone Digital to deliver websites that exceed expectations and drive growth"
+          tag="Client Testimonials"
           tagIcon={Star}
           tagAnimation="slide-up"
           testimonials={[
             {
-              id: "1",              title: "Complete Digital Transformation in 18 Months",              quote: "Cornerstone Digital transformed our legacy systems into a modern, cloud-native architecture. Their strategic approach and technical excellence exceeded our expectations, delivering measurable ROI from day one.",              name: "Sarah Mitchell",              role: "CEO, Enterprise Solutions Inc.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8iSCR0XizqIkb5uUFm0FMJnK/professional-headshot-of-a-successful-ce-1772574798595-1c5a075a.png",              imageAlt: "Sarah Mitchell"},
+              id: "1",              title: "Exceeded Our Expectations",              quote: "Cornerstone Digital delivered a website that perfectly represents our brand and has already generated significant leads. Their attention to detail and professionalism is outstanding.",              name: "Sarah Mitchell",              role: "CEO, Premium Retail Co.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8iSCR0XizqIkb5uUFm0FMJnK/professional-headshot-of-a-successful-ce-1772574798595-1c5a075a.png",              imageAlt: "Sarah Mitchell"},
             {
-              id: "2",              title: "Accelerated Growth Through Technology Innovation",              quote: "The team at Cornerstone Digital didn't just build our platform—they became strategic partners in our growth. Their insights on emerging technologies helped us capture new market opportunities.",              name: "James Richardson",              role: "Founder & CTO, TechVentures",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8iSCR0XizqIkb5uUFm0FMJnK/professional-headshot-of-a-female-tech-l-1772574797898-4b4f8c95.png",              imageAlt: "James Richardson"},
+              id: "2",              title: "Best Investment We Made",              quote: "Our new website has transformed how we connect with customers. The design is sleek, the functionality is flawless, and the results speak for themselves. Highly recommended!",              name: "James Richardson",              role: "Founder, TechVentures",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8iSCR0XizqIkb5uUFm0FMJnK/professional-headshot-of-a-female-tech-l-1772574797898-4b4f8c95.png",              imageAlt: "James Richardson"},
             {
-              id: "3",              title: "Enterprise-Grade Solutions, Startup Agility",              quote: "What impressed us most was Cornerstone's ability to balance enterprise requirements with agile delivery. They delivered a complex system in record time without compromising quality.",              name: "Maria Garcia",              role: "Chief Digital Officer, Global Finance Corp",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8iSCR0XizqIkb5uUFm0FMJnK/professional-headshot-of-a-male-entrepre-1772574798296-883e2b44.png",              imageAlt: "Maria Garcia"},
+              id: "3",              title: "Professional Excellence",              quote: "From concept to launch, Cornerstone Digital demonstrated exceptional professionalism and creativity. Our website is a true competitive advantage and drives customer engagement daily.",              name: "Maria Garcia",              role: "Director of Marketing, GlobalTech",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8iSCR0XizqIkb5uUFm0FMJnK/professional-headshot-of-a-male-entrepre-1772574798296-883e2b44.png",              imageAlt: "Maria Garcia"},
             {
-              id: "4",              title: "Exceptional Technical Leadership",              quote: "From day one, Cornerstone Digital demonstrated exceptional technical expertise and genuine commitment to our success. They're partners we trust completely.",              name: "David Chen",              role: "VP Engineering, InnovateLabs",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8iSCR0XizqIkb5uUFm0FMJnK/professional-headshot-of-a-business-lead-1772574798618-9ce35388.png",              imageAlt: "David Chen"},
+              id: "4",              title: "Outstanding Results",              quote: "The website Cornerstone Digital created has become our most effective marketing tool. Conversion rates are up 65%, and customer feedback has been consistently positive.",              name: "David Chen",              role: "VP Sales, InnovateLabs",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8iSCR0XizqIkb5uUFm0FMJnK/professional-headshot-of-a-business-lead-1772574798618-9ce35388.png",              imageAlt: "David Chen"},
             {
-              id: "5",              title: "Transformative Digital Strategy",              quote: "Their digital strategy framework completely changed how we approach technology investment. The ROI was clear within the first quarter of implementation.",              name: "Alexandra Brooks",              role: "President, Advanced Logistics",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8iSCR0XizqIkb5uUFm0FMJnK/professional-headshot-of-a-female-techno-1772574798672-ef2b7eca.png",              imageAlt: "Alexandra Brooks"},
+              id: "5",              title: "Trusted Partner",              quote: "Cornerstone Digital didn't just build a website—they built a strategic asset that drives our business growth. Their team is responsive, knowledgeable, and truly invested in our success.",              name: "Alexandra Brooks",              role: "President, Advanced Logistics",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8iSCR0XizqIkb5uUFm0FMJnK/professional-headshot-of-a-female-techno-1772574798672-ef2b7eca.png",              imageAlt: "Alexandra Brooks"},
             {
-              id: "6",              title: "Seamless Integration & Support",              quote: "The entire engagement was smooth from planning through deployment. Their continued support ensures our systems run optimally. Highly recommended.",              name: "Michael Torres",              role: "COO, Digital Transformation Partners",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8iSCR0XizqIkb5uUFm0FMJnK/professional-headshot-of-a-male-business-1772574798094-f8ad9da9.png",              imageAlt: "Michael Torres"},
+              id: "6",              title: "Delivered Excellence",              quote: "The professionalism and quality Cornerstone Digital brought to our project was exceptional. Our website is not just beautiful—it's a powerful tool that generates revenue every day.",              name: "Michael Torres",              role: "Owner, Digital Growth Solutions",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8iSCR0XizqIkb5uUFm0FMJnK/professional-headshot-of-a-male-business-1772574798094-f8ad9da9.png",              imageAlt: "Michael Torres"},
           ]}
           textboxLayout="default"
           useInvertedBackground={false}
@@ -165,24 +194,24 @@ export default function HomePage() {
 
       <div id="metrics" data-section="metrics">
         <MetricCardTen
-          title="Proven Impact & Scale"
-          description="Delivering measurable results for enterprise clients across industries"
-          tag="Our Track Record"
+          title="Our Track Record of Success"
+          description="Delivering premium websites and measurable business results for companies across industries"
+          tag="Proven Results"
           tagIcon={TrendingUp}
           tagAnimation="slide-up"
           metrics={[
             {
-              id: "1",              title: "Enterprise Clients Served",              subtitle: "Fortune 500 and mid-market leaders",              category: "Client Base",              value: "150+"},
+              id: "1",              title: "Websites Delivered",              subtitle: "Premium projects completed",              category: "Portfolio",              value: "250+"},
             {
-              id: "2",              title: "Digital Transformations Completed",              subtitle: "Across financial services, healthcare, and technology",              category: "Projects",              value: "280+"},
+              id: "2",              title: "Client Satisfaction",              subtitle: "Average rating from clients",              category: "Quality",              value: "4.9/5"},
             {
-              id: "3",              title: "Average ROI Delivered",              subtitle: "Year-over-year business impact",              category: "Results",              value: "340%"},
+              id: "3",              title: "Average ROI Increase",              subtitle: "Year-over-year growth for clients",              category: "Results",              value: "156%"},
             {
-              id: "4",              title: "Technology Experts",              subtitle: "Strategists, architects, engineers, and specialists",              category: "Team",              value: "85+"},
+              id: "4",              title: "Design & Dev Experts",              subtitle: "Talented team members",              category: "Team",              value: "45+"},
             {
-              id: "5",              title: "Industry Certifications",              subtitle: "AWS, Azure, Google Cloud, Kubernetes, and more",              category: "Credentials",              value: "120+"},
+              id: "5",              title: "Years in Business",              subtitle: "Trusted partner since founded",              category: "Experience",              value: "8+"},
             {
-              id: "6",              title: "Years of Excellence",              subtitle: "Trusted partnership since 2010",              category: "Experience",              value: "14"},
+              id: "6",              title: "Industries Served",              subtitle: "Diverse client portfolio",              category: "Expertise",              value: "20+"},
           ]}
           textboxLayout="default"
           useInvertedBackground={false}
@@ -192,12 +221,12 @@ export default function HomePage() {
 
       <div id="contact" data-section="contact">
         <ContactText
-          text="Ready to transform your business through digital innovation? Connect with our team to explore how Cornerstone Digital can accelerate your digital transformation journey and unlock new growth opportunities."
+          text="Ready to transform your online presence and attract more customers? Let's create a website that represents your brand excellence and drives real business growth. Contact Cornerstone Digital today to discuss your project."
           animationType="entrance-slide"
           background={{ variant: "sparkles-gradient" }}
           buttons={[
-            { text: "Schedule Free Consultation", href: "/contact" },
-            { text: "View Case Studies", href: "/" },
+            { text: "Schedule Free Consultation", href: "#contact" },
+            { text: "Claim Your Free Strategy Session", href: "#contact" },
           ]}
           useInvertedBackground={false}
         />

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-roboto), sans-serif;
+  font-family: var(--font-dm-sans), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-roboto), sans-serif;
+  font-family: var(--font-dm-sans), sans-serif;
 }

src/app/styles/variables.css

@@ -4,21 +4,21 @@
 
   /* --background: #ffffff;;;
   --card: #f9f9f9;;;
-  --foreground: #120a00e6;;;
-  --primary-cta: #ff8c42;;;
-  --secondary-cta: #f9f9f9;;;
-  --accent: #e2e2e2;;;
-  --background-accent: #c4c4c4;;; */
+  --foreground: #0a0a0a;;;
+  --primary-cta: #15479c;;;
+  --secondary-cta: #f0f0f0;;;
+  --accent: #15479c;;;
+  --background-accent: #e8eef7;;; */
 
   --background: #ffffff;;;
   --card: #f9f9f9;;;
-  --foreground: #120a00e6;;;
-  --primary-cta: #ff8c42;;;
+  --foreground: #0a0a0a;;;
+  --primary-cta: #15479c;;;
   --primary-cta-text: #ffffff;;;
-  --secondary-cta: #f9f9f9;;;
+  --secondary-cta: #f0f0f0;;;
   --secondary-cta-text: #120a00e6;;;
-  --accent: #e2e2e2;;;
-  --background-accent: #c4c4c4;;;
+  --accent: #15479c;;;
+  --background-accent: #e8eef7;;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);