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/page.tsx

@@ -1,4 +1,4 @@
-"use client";
+"use client"
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -10,21 +10,22 @@ 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
@@ -45,15 +46,14 @@ export default function LandingPage() {
 
       <div id="hero" data-section="hero">
         <HeroLogo
-          logoText="TechVision"
-          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="Yo yoLOCKED_SELECTION"
+          title="Flexible Pricing Plans"
           description="Choose the right partnership model for your organization"
           textboxLayout="default"
           animationType="slide-up"
@@ -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>
   );
 }