Update src/app/page.tsx

Update src/app/layout.tsx
2026-01-06 13:41:21 +00:00 · 2026-01-06 13:41:20 +00:00 · 2026-01-06 13:38:37 +00:00 · 2026-01-06 13:38:36 +00:00 · 2026-01-06 13:34:01 +00:00 · 2026-01-06 13:31:05 +00:00
3 changed files with 74 additions and 27 deletions
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -4,13 +4,13 @@
  /* Base units */
  /* --vw is set by ThemeProvider */
-  --background: #fafffb;;
+  --background: #ffffff;;
-  --card: #f7fffa;;
+  --card: #f5f5f5;;
-  --foreground: #001a0a;;
+  --foreground: #000000;;
  --primary-cta: #0a7039;;
  --secondary-cta: #ffffff;;
-  --accent: #a8d9be;;
+  --accent: #808080;;
-  --background-accent: #6bbf8e;;
+  --background-accent: #d3d3d3;;
  /* 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-inter-tight), sans-serif;
+  font-family: var(--font-playfair-display and --font-roboto), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -508,5 +508,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-inter-tight), sans-serif;
+  font-family: var(--font-playfair-display and --font-roboto), sans-serif;
 }
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,13 +1,19 @@
 import type { Metadata } from "next";
-import { Inter_Tight } from "next/font/google";
+import { Playfair_Display } from "next/font/google";
 import { Roboto } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
-const interTight = Inter_Tight({
+const playfairDisplay = Playfair_Display({
-  variable: "--font-inter-tight",
+  variable: "--font-playfair-display",
  subsets: ["latin"],
-  weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
+});
 const roboto = Roboto({
  variable: "--font-roboto",
  subsets: ["latin"],
  weight: ["100", "300", "400", "500", "700", "900"],
 });
 export const metadata: Metadata = {
@@ -49,7 +55,7 @@ export default function RootLayout({
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
        <body
-          className={`${interTight.variable} antialiased`}
+          className={`${playfairDisplay.variable} ${roboto.variable} antialiased`}
        >
          <Tag />
          {children}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,10 +1,11 @@
-"use client"
+"use client";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 import FeatureCardFourteen from '@/components/sections/feature/FeatureCardFourteen';
 import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
 import ProductCardSix from '@/components/sections/product/ProductCardSix';
 import MetricCardEight from '@/components/sections/metrics/MetricCardEight';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
@@ -21,7 +22,7 @@ export default function LandingPage() {
      borderRadius="pill"
      contentWidth="small"
      sizing="mediumLargeSizeLargeTitles"
-      background="dotGrid"
+      background="circleGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="neon-glow-border"
      secondaryButtonStyle="radial-glow"
@@ -44,22 +45,29 @@ export default function LandingPage() {
      </div>
      <div id="hero" data-section="hero">
-        <HeroBillboard
+        <HeroBillboardGallery
          title="Transform Your Impact with Sustainable Solutions"
          description="EcoHub helps organizations track, measure, and amplify their environmental impact with intelligent analytics and real-time insights."
          tag="Eco-Friendly Analytics"
          tagIcon={Leaf}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767697692413-ceqqaha8.jpg"
+          images={[
-          imageAlt="EcoHub analytics dashboard interface"
+            {
-          frameStyle="browser"
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767697692413-ceqqaha8.jpg",
              alt: "EcoHub analytics dashboard interface"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704069729-ot0hboat.jpg",
              alt: "Sustainability tracking interface"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704070987-st10xdul.jpg",
              alt: "Impact measurement dashboard"
            }
          ]}
          buttons={[
            { text: "Start Free Trial", href: "contact" },
            { text: "Watch Demo", href: "features" }
          ]}
          className="w-full"
          containerClassName="max-w-7xl mx-auto"
          titleClassName="text-5xl md:text-6xl font-bold"
          descriptionClassName="text-lg md:text-xl opacity-90"
        />
      </div>
@@ -75,8 +83,6 @@ export default function LandingPage() {
          buttons={[
            { text: "Learn Our Story", href: "contact" }
          ]}
          titleClassName="text-5xl font-bold mb-8"
          descriptionClassName="text-lg leading-relaxed"
        />
      </div>
@@ -117,6 +123,41 @@ export default function LandingPage() {
        />
      </div>
      <div id="feature-card-six" data-section="feature-card-six">
        <FeatureCardSix
          title="Advanced Feature Showcase"
          description="Deep dive into our platform capabilities"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "Carbon Accounting Precision",
              description: "Automated calculation of Scope 1, 2, and 3 emissions with verified accuracy.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704073615-140eun3n.jpg",
              imageAlt: "Carbon accounting interface"
            },
            {
              id: 2,
              title: "Sustainability Benchmarking",
              description: "Compare your performance against industry peers and track progress over time.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704075057-ywovh1h1.jpg",
              imageAlt: "Benchmarking dashboard"
            },
            {
              id: 3,
              title: "ESG Compliance Automation",
              description: "Simplify regulatory compliance with automated reporting for TCFD, GRI, and SASB standards.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704076251-88p8egr2.jpg",
              imageAlt: "ESG compliance tools"
            }
          ]}
          buttons={[
            { text: "Request Demo", href: "contact" }
          ]}
        />
      </div>
      <div id="products" data-section="products">
        <ProductCardSix
          title="Our Product Suite"
Author	SHA1	Message	Date
development	f9f68c31e9	Update src/app/page.tsx	2026-01-06 13:41:21 +00:00
development	58c8a1b104	Update src/app/layout.tsx	2026-01-06 13:41:20 +00:00
development	231d2e1e35	Update src/app/page.tsx	2026-01-06 13:38:37 +00:00
development	d101d7c4de	Update src/app/layout.tsx	2026-01-06 13:38:36 +00:00
development	4353bd178e	Update src/app/page.tsx	2026-01-06 13:34:01 +00:00
development	173c6203fe	Update src/app/page.tsx	2026-01-06 13:31:05 +00:00
development	d51053939d	Update src/app/page.tsx	2026-01-06 13:28:43 +00:00
development	439bc36798	Update src/app/page.tsx	2026-01-06 13:20:39 +00:00
development	3b08079a96	Update src/app/page.tsx	2026-01-06 13:18:03 +00:00
development	21968f9e72	Update src/app/page.tsx	2026-01-06 13:13:03 +00:00
development	d546ab1920	Update src/app/page.tsx	2026-01-06 13:10:47 +00:00
development	ea5de25d83	Update src/app/globals.css	2026-01-06 13:10:45 +00:00
development	b2ab106c06	Update src/app/page.tsx	2026-01-06 13:08:26 +00:00
development	03da54716e	Update src/app/layout.tsx	2026-01-06 13:08:25 +00:00
development	e3e2ca6883	Update src/app/globals.css	2026-01-06 13:08:24 +00:00