Update src/app/styles/base.css

Update src/app/layout.tsx
Merge version_4 into main
2026-03-10 12:38:38 +00:00 · 2026-03-10 12:38:37 +00:00 · 2026-03-10 12:33:32 +00:00 · 2026-03-10 12:33:26 +00:00 · 2026-03-10 12:22:03 +00:00 · 2026-03-10 12:21:58 +00:00
3 changed files with 33 additions and 19 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -6,6 +6,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Libre_Baskerville } from "next/font/google";
+import { Lobster_Two } from "next/font/google";



@@ -44,15 +45,11 @@ export const metadata: Metadata = {
  },
 };

-const libreBaskerville = Libre_Baskerville({
-  variable: "--font-libre-baskerville",
-  subsets: ["latin"],
+
+const lobsterTwo = Lobster_Two({
+  variable: "--font-lobster-two",  subsets: ["latin"],
  weight: ["400", "700"],
 });
-const inter = Inter({
-  variable: "--font-inter",
-  subsets: ["latin"],
-});

 export default function RootLayout({
  children,
@@ -62,7 +59,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${libreBaskerville.variable} ${inter.variable} antialiased`}>
+        <body className={`${lobsterTwo.variable} antialiased`}>
          <Tag />
          {children}
          <script
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit";
+import HeroBillboard from "@/components/sections/hero/HeroBillboard";
 import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
 import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
 import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
@@ -10,7 +10,7 @@ import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCar
 import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
 import Link from "next/link";
-import { Rocket, Zap, Star, CheckCircle } from "lucide-react";
+import { Rocket, Zap, Star, CheckCircle, Sparkles } from "lucide-react";

 export default function HomePage() {
  const footerColumns = [
@@ -77,23 +77,40 @@ export default function HomePage() {
      </div>

      <div id="hero" data-section="hero">
-        <HeroLogoBillboardSplit
-          logoText="TechCore"
+        <HeroBillboard
+          background={{ variant: "sparkles-gradient" }}
+          title="Transform Your Enterprise" 
          description="Enterprise-grade software solutions designed for innovation. Streamline operations, enhance security, and scale with confidence using our cutting-edge technology platform."
-          background={{
-            variant: "radial-gradient"}}
+          tag="Unleash Potential"
+          tagIcon={Sparkles}
+          tagAnimation="opacity"
          buttons={[
            {
              text: "Start Free Trial",              href: "/contact"},
            {
              text: "View Demo",              href: "/about"},
          ]}
-          layoutOrder="default"
+          buttonAnimation="opacity"
+          avatars={[
+            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/professional-headshot-of-a-confident-sof-1773144534034-c544170a.png", alt: "User 1" },
+            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/professional-headshot-of-a-technical-eng-1773144534249-fd7ec2b9.jpg", alt: "User 2" },
+            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/professional-headshot-of-a-product-manag-1773144532734-5f1b56a2.png", alt: "User 3" },
+          ]}
+          avatarText="Trusted by 10,000+ users"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/tmp/monitor-with-graphs-and-analytics-for-so-1773145230881-88125799.png"
          imageAlt="TechCore Enterprise Dashboard"
-          frameStyle="browser"
          mediaAnimation="slide-up"
-          buttonAnimation="opacity"
+          imageClassName="hover:scale-110 transition-transform duration-300 ease-out"
+          marqueeItems={[
+            { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/microsoft-company-logo-modern-and-recogn-1773144537677-e897c954.jpg", alt: "Microsoft" },
+            { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/google-company-logo-iconic-colorful-tech-1773144532136-cc6c331d.png", alt: "Google" },
+            { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/amazon-company-logo-recognizable-ecommer-1773144533201-8d42dc8f.png", alt: "Amazon" },
+            { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/salesforce-company-logo-crm-software-and-1773144540135-77f0bf19.jpg", alt: "Salesforce" },
+            { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/ibm-company-logo-enterprise-technology-a-1773144542517-c650ca73.jpg", alt: "IBM" },
+            { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/oracle-company-logo-database-and-enterpr-1773144534714-ed7bc395.jpg", alt: "Oracle" },
+          ]}
+          marqueeSpeed={30}
+          showMarqueeCard={true}
        />
      </div>

--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-inter), sans-serif;
+  font-family: var(--font-lobster-two), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-libre-baskerville), serif;
+  font-family: var(--font-lobster-two), serif;
 }
Author	SHA1	Message	Date
bender	406adce4a8	Update src/app/styles/base.css	2026-03-10 12:38:38 +00:00
bender	3f7b8ee5c8	Update src/app/layout.tsx	2026-03-10 12:38:37 +00:00
bender	7d93f6c17e	Merge version_4 into main Merge version_4 into main	2026-03-10 12:33:32 +00:00
bender	15d7d2d96c	Update src/app/page.tsx	2026-03-10 12:33:26 +00:00
bender	371e017439	Merge version_3 into main Merge version_3 into main	2026-03-10 12:22:03 +00:00
bender	af0c2e57d6	Update src/app/page.tsx	2026-03-10 12:21:58 +00:00
bender	b7285ff305	Merge version_2 into main Merge version_2 into main	2026-03-10 12:20:46 +00:00
bender	21ad7e1103	Merge version_2 into main Merge version_2 into main	2026-03-10 12:19:25 +00:00
bender	c3d9f70261	Merge version_2 into main Merge version_2 into main	2026-03-10 12:18:02 +00:00
bender	eb676717fa	Merge version_2 into main Merge version_2 into main	2026-03-10 12:16:16 +00:00