Update src/app/page.tsx

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="Flexible Engagement Models"
+          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>
   );
 }