title

message

src/app/globals.css

@@ -4,13 +4,13 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  --background: #ffffff;;
-  --card: #fcfcfc;;
-  --foreground: #00120ae6;;
-  --primary-cta: #15ad59;;
-  --secondary-cta: #ffffff;;
-  --accent: #e2e2e2;;
-  --background-accent: #c4c4c4;;
+  --background: #ffffff;
+  --card: #fcfcfc;
+  --foreground: #00120ae6;
+  --primary-cta: #15ad59;
+  --secondary-cta: #ffffff;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
@@ -495,7 +495,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-dm-sans), sans-serif;
+  font-family: var(--font-inter-tight), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -508,5 +508,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-dm-sans), sans-serif;
+  font-family: var(--font-inter-tight), sans-serif;
 }

src/app/layout.tsx

@@ -10,28 +10,28 @@ const dmSans = DM_Sans({
 });
 
 export const metadata: Metadata = {
-  title: "Sargas Co - Enterprise IT Solutions",
+  title: "TechVision - Enterprise IT Solutions",
   description: "Custom software development, cloud infrastructure, and cybersecurity solutions for enterprise clients",
   keywords: "IT services, software development, cloud solutions, enterprise technology",
-  metadataBase: new URL("https://sargasco.com"),
+  metadataBase: new URL("https://techvision.com"),
   alternates: {
-    canonical: "https://sargasco.com"
+    canonical: "https://techvision.com"
   },
   openGraph: {
-    title: "Sargas Co - Enterprise IT Solutions",
+    title: "TechVision - Enterprise IT Solutions",
     description: "Transforming businesses through innovative IT solutions",
     type: "website",
-    siteName: "Sargas Co",
+    siteName: "TechVision",
     images: [
       {
         url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766739283383-4enee5x3.jpg",
-        alt: "Sargas Co Office"
+        alt: "TechVision Office"
       }
     ]
   },
   twitter: {
     card: "summary_large_image",
-    title: "Sargas Co - Enterprise IT Solutions",
+    title: "TechVision - Enterprise IT Solutions",
     description: "Custom software development and cloud solutions for enterprises"
   },
   robots: {

src/app/page.tsx

@@ -1,4 +1,4 @@
-"use client";
+"use client"
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -10,25 +10,26 @@ import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import TextAnimation from '@/components/text/TextAnimation';
 import { Users, TrendingUp, Zap, Award, Sparkles } from 'lucide-react';
 
 export default function LandingPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant={"icon-arrow"}
-      defaultTextAnimation={"reveal-blur"}
-      borderRadius={"pill"}
-      contentWidth={"medium"}
-      sizing={"mediumLarge"}
-      background={"noiseGradient"}
-      cardStyle={"gradient-radial"}
-      primaryButtonStyle={"radial-glow"}
-      secondaryButtonStyle={"outline"}
-      headingFontWeight={"medium"}
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="mediumLarge"
+      background="noiseGradient"
+      cardStyle="gradient-radial"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="outline"
+      headingFontWeight="medium"
     >
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
-          brandName="Sargas Co"
+          brandName="TechVision"
           navItems={[
             { name: "Services", id: "services" },
             { name: "About", id: "about" },
@@ -45,15 +46,14 @@ export default function LandingPage() {
 
       <div id="hero" data-section="hero">
         <HeroLogo
-          logoText="Sargas Co"
-          description="Transforming businesses through innovative IT solutions and strategic technology partnerships"
+          title="Welcome to our company"
+          description="Delivering excellence in IT solutions since 2015, serving over 300 enterprise clients worldwide"
+          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766739283383-4enee5x3.jpg"
+          logoAlt="TechVision Logo"
           buttons={[
-            { text: "Explore Services", href: "services" },
-            { text: "Schedule Consultation", href: "contact" }
+            { text: "Get Started", href: "#contact" },
+            { text: "Learn More", href: "#about" }
           ]}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766739283383-4enee5x3.jpg"
-          imageAlt="Modern office workspace"
-          showDimOverlay={true}
         />
       </div>
 
@@ -120,7 +120,7 @@ export default function LandingPage() {
 
       <div id="pricing" data-section="pricing">
         <PricingCardThree
-          title="Flexible Engagement Models"
+          title="Flexible Pricing Plans"
           description="Choose the right partnership model for your organization"
           textboxLayout="default"
           animationType="slide-up"
@@ -193,14 +193,14 @@ export default function LandingPage() {
                   id: "1",
                   title: "Sarah Johnson",
                   subtitle: "CEO & Co-Founder",
-                  detail: "sarah@sargasco.com",
+                  detail: "sarah@techvision.com",
                   imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766739289686-46zppqua.jpg"
                 },
                 {
                   id: "2",
                   title: "Michael Chen",
                   subtitle: "CTO & Co-Founder",
-                  detail: "michael@sargasco.com",
+                  detail: "michael@techvision.com",
                   imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766739290811-3l4omjjj.jpg"
                 }
               ]
@@ -213,14 +213,14 @@ export default function LandingPage() {
                   id: "3",
                   title: "Emily Rodriguez",
                   subtitle: "VP of Services",
-                  detail: "emily@sargasco.com",
+                  detail: "emily@techvision.com",
                   imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766739291871-w7115s5w.jpg"
                 },
                 {
                   id: "4",
                   title: "David Kim",
                   subtitle: "VP of Delivery",
-                  detail: "david@sargasco.com",
+                  detail: "david@techvision.com",
                   imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766739292964-5ffln4fm.jpg"
                 }
               ]
@@ -297,8 +297,8 @@ export default function LandingPage() {
 
       <div id="footer" data-section="footer">
         <FooterBaseCard
-          logoText="Sargas Co"
-          copyrightText="© 2025 Sargas Co. All rights reserved."
+          logoText="TechVision"
+          copyrightText="© 2025 TechVision. All rights reserved."
           columns={[
             {
               title: "Services",
@@ -327,7 +327,7 @@ export default function LandingPage() {
             {
               title: "Contact",
               items: [
-                { label: "Email Us", href: "mailto:hello@sargasco.com" },
+                { label: "Email Us", href: "mailto:hello@techvision.com" },
                 { label: "Call Us", href: "tel:+1234567890" },
                 { label: "Get Support", href: "#contact" }
               ]
@@ -335,6 +335,14 @@ export default function LandingPage() {
           ]}
         />
       </div>
+
+      <div className="flex justify-center my-8">
+        <TextAnimation
+          type="entrance-slide"
+          title="Welcome to our company"
+          variant="trigger"
+        />
+      </div>
     </ThemeProvider>
   );
 }