Update src/app/page.tsx

src/app/globals.css

@@ -4,13 +4,13 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  --background: #ffffff;;
-  --card: #fcfcfc;;
-  --foreground: #0f0003e6;;
-  --primary-cta: #c1121f;;
-  --secondary-cta: #ffffff;;
-  --accent: #e2e2e2;;
-  --background-accent: #c4c4c4;;
+  --background: #FFFF00;
+  --card: #FFF5CC;
+  --foreground: #000000;
+  --primary-cta: #FFD700;
+  --secondary-cta: #FFFF00;
+  --accent: #FFA500;
+  --background-accent: #FFFF99;
 
   /* 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-public-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-public-sans), sans-serif;
+  font-family: var(--font-inter-tight), sans-serif;
 }

src/app/page.tsx

@@ -1,8 +1,7 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
 import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
@@ -45,52 +44,16 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="hero" data-section="hero">
-        <HeroBillboardRotatedCarousel
-          title="Scale Your Business with Intelligent Automation"
-          description="Empower your team with cutting-edge SaaS solutions designed for modern IT startups. Streamline workflows, boost productivity, and accelerate growth."
-          tag="Innovation First"
-          tagIcon={Zap}
-          buttons={[
-            { text: "Start Free Trial", href: "contact" },
-            { text: "Watch Demo", href: "#" }
-          ]}
-          carouselItems={[
-            {
-              id: "1",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402146656-ngknkdsj.jpg",
-              imageAlt: "Cloud dashboard interface"
-            },
-            {
-              id: "2",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402147527-aqsywtjn.jpg",
-              imageAlt: "Cloud computing technology"
-            },
-            {
-              id: "3",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402148611-r6qkom2b.jpg",
-              imageAlt: "Analytics dashboard metrics"
-            },
-            {
-              id: "4",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402149620-5q5thc7p.jpg",
-              imageAlt: "API integration interface"
-            },
-            {
-              id: "5",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402150560-zlaawpt1.jpg",
-              imageAlt: "Mobile app interface"
-            },
-            {
-              id: "6",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402152494-q2wgpcxp.jpg",
-              imageAlt: "Workflow automation system"
-            }
-          ]}
-          autoPlay={true}
-          autoPlayInterval={4000}
+      <div id="hero" data-section="hero" style={{ backgroundColor: "#FFFF00" }}>
+        <div style={{ display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", padding: "60px 20px", gap: "30px" }}>
+          <h1 style={{ fontSize: "32px", fontWeight: "bold", textAlign: "center", color: "#000000" }}>Scale Your Business with Intelligent Automation</h1>
+          <img
+            src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402146656-ngknkdsj.jpg"
+            alt="Product showcase"
+            style={{ maxWidth: "300px", height: "auto", borderRadius: "8px" }}
           />
         </div>
+      </div>
 
       <div id="about" data-section="about">
         <MediaAbout
@@ -121,9 +84,7 @@ export default function LandingPage() {
                 "Scheduled deployments",
                 "Error handling and retry logic"
               ],
-              buttons: [
-                { text: "Explore", href: "#" }
-              ]
+              buttons: [{ text: "Explore", href: "https://gitea.webild.io/development/8a31beaf-fcc0-428a-93b9-d55ce851eb13/src/branch/version_11/src/app/page.tsx" }]
             },
             {
               id: "security",
@@ -135,9 +96,7 @@ export default function LandingPage() {
                 "Compliance certifications",
                 "Regular security audits"
               ],
-              buttons: [
-                { text: "View Specs", href: "#" }
-              ]
+              buttons: [{ text: "View Specs", href: "#" }]
             },
             {
               id: "collaboration",
@@ -149,9 +108,7 @@ export default function LandingPage() {
                 "Team workspaces",
                 "Version control integration"
               ],
-              buttons: [
-                { text: "Try Now", href: "#" }
-              ]
+              buttons: [{ text: "Try Now", href: "#" }]
             }
           ]}
           animationType="slide-up"