development/f8e9a6a9-5d30-46da-b625-7b77f968463f
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Compare commits

base: development:version_1
Branches Tags
development:main development:version_6 development:version_4 development:version_5 development:version_3 development:version_2 development:version_1
..
compare: development:main
Branches Tags
development:main development:version_6 development:version_4 development:version_5 development:version_3 development:version_2 development:version_1

24 Commits
version_1 ... main

Author SHA1 Message Date
development
23a68c3161 Merge pull request 'Merge version_6 into main' (#10) from version_6 into main 
Reviewed-on: #10
 2026-01-06 13:42:02 +00:00
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
8ccf6e074c Merge version_6 into main 
Merge version_6 into main
 2026-01-06 13:34:06 +00:00
development
4353bd178e Update src/app/page.tsx 2026-01-06 13:34:01 +00:00
development
34fa7c7837 Merge version_6 into main 
Merge version_6 into main
 2026-01-06 13:31:10 +00:00
development
173c6203fe Update src/app/page.tsx 2026-01-06 13:31:05 +00:00
development
5c7b285a8f Merge version_6 into main 
Merge version_6 into main
 2026-01-06 13:28:48 +00:00
development
d51053939d Update src/app/page.tsx 2026-01-06 13:28:43 +00:00
development
d0c62cdb8e Merge version_4 into main 
Merge version_4 into main
 2026-01-06 13:20:44 +00:00
development
439bc36798 Update src/app/page.tsx 2026-01-06 13:20:39 +00:00
development
c4a4b3a724 Merge version_4 into main 
Merge version_4 into main
 2026-01-06 13:18:08 +00:00
development
3b08079a96 Update src/app/page.tsx 2026-01-06 13:18:03 +00:00
development
5fad8f9b79 Merge version_3 into main 
Merge version_3 into main
 2026-01-06 13:13:08 +00:00
development
21968f9e72 Update src/app/page.tsx 2026-01-06 13:13:03 +00:00
development
f10715d963 Merge version_3 into main 
Merge version_3 into main
 2026-01-06 13:10:51 +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
a5c9347ba3 Merge version_2 into main 
Merge version_2 into main
 2026-01-06 13:08:31 +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
3 changed files with 74 additions and 27 deletions
Expand all files Collapse all files

14
src/app/globals.css
View File

@@ -4,13 +4,13 @@
/* Base units */ /* Base units */
/* --vw is set by ThemeProvider */ /* --vw is set by ThemeProvider */
--background: #fafffb;; --background: #ffffff;;
--card: #f7fffa;; --card: #f5f5f5;;
--foreground: #001a0a;; --foreground: #000000;;
--primary-cta: #0a7039;; --primary-cta: #0a7039;;
--secondary-cta: #ffffff;; --secondary-cta: #ffffff;;
--accent: #a8d9be;; --accent: #808080;;
--background-accent: #6bbf8e;; --background-accent: #d3d3d3;;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
@@ -495,7 +495,7 @@ html {
body { body {
background-color: var(--background); background-color: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: var(--font-inter-tight), sans-serif; font-family: var(--font-playfair-display and --font-roboto), sans-serif;
position: relative; position: relative;
min-height: 100vh; min-height: 100vh;
overscroll-behavior: none; overscroll-behavior: none;
@@ -508,5 +508,5 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: var(--font-inter-tight), sans-serif; font-family: var(--font-playfair-display and --font-roboto), sans-serif;
} }

16
src/app/layout.tsx
View File

@@ -1,13 +1,19 @@
import type { Metadata } from "next"; 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 "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper"; import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag"; import Tag from "@/tag/Tag";
const interTight = Inter_Tight({ const playfairDisplay = Playfair_Display({
variable: "--font-inter-tight", variable: "--font-playfair-display",
subsets: ["latin"], 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 = { export const metadata: Metadata = {
@@ -49,7 +55,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body <body
className={`${interTight.variable} antialiased`} className={`${playfairDisplay.variable} ${roboto.variable} antialiased`}
> >
<Tag /> <Tag />
{children} {children}

67
src/app/page.tsx
View File

@@ -1,10 +1,11 @@
"use client" "use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; 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 TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardFourteen from '@/components/sections/feature/FeatureCardFourteen'; import FeatureCardFourteen from '@/components/sections/feature/FeatureCardFourteen';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import ProductCardSix from '@/components/sections/product/ProductCardSix'; import ProductCardSix from '@/components/sections/product/ProductCardSix';
import MetricCardEight from '@/components/sections/metrics/MetricCardEight'; import MetricCardEight from '@/components/sections/metrics/MetricCardEight';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen'; import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
@@ -21,7 +22,7 @@ export default function LandingPage() {
borderRadius="pill" borderRadius="pill"
contentWidth="small" contentWidth="small"
sizing="mediumLargeSizeLargeTitles" sizing="mediumLargeSizeLargeTitles"
background="dotGrid" background="circleGradient"
cardStyle="gradient-bordered" cardStyle="gradient-bordered"
primaryButtonStyle="neon-glow-border" primaryButtonStyle="neon-glow-border"
secondaryButtonStyle="radial-glow" secondaryButtonStyle="radial-glow"
@@ -44,22 +45,29 @@ export default function LandingPage() {
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboard <HeroBillboardGallery
title="Transform Your Impact with Sustainable Solutions" 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." description="EcoHub helps organizations track, measure, and amplify their environmental impact with intelligent analytics and real-time insights."
tag="Eco-Friendly Analytics" tag="Eco-Friendly Analytics"
tagIcon={Leaf} 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={[ buttons={[
{ text: "Start Free Trial", href: "contact" }, { text: "Start Free Trial", href: "contact" },
{ text: "Watch Demo", href: "features" } { 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> </div>
@@ -75,8 +83,6 @@ export default function LandingPage() {
buttons={[ buttons={[
{ text: "Learn Our Story", href: "contact" } { text: "Learn Our Story", href: "contact" }
]} ]}
titleClassName="text-5xl font-bold mb-8"
descriptionClassName="text-lg leading-relaxed"
/> />
</div> </div>
@@ -117,6 +123,41 @@ export default function LandingPage() {
/> />
</div> </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"> <div id="products" data-section="products">
<ProductCardSix <ProductCardSix
title="Our Product Suite" title="Our Product Suite"