11 Commits

Author SHA1 Message Date
8403d6d91d Merge version_5 into main
Merge version_5 into main
2026-01-06 11:40:21 +00:00
8d7b3d408a Update src/app/page.tsx 2026-01-06 11:40:16 +00:00
e86b50aa17 Merge version_5 into main
Merge version_5 into main
2026-01-06 11:38:17 +00:00
e54c8a5100 Update src/app/page.tsx 2026-01-06 11:38:12 +00:00
6448aea95d Merge version_4 into main
Merge version_4 into main
2026-01-06 11:31:16 +00:00
80f23a96fd Update src/app/globals.css 2026-01-06 11:31:11 +00:00
7ff5f8f898 Merge version_2 into main
Merge version_2 into main
2026-01-06 11:17:30 +00:00
52f212e506 Update src/app/page.tsx 2026-01-06 11:17:25 +00:00
7745000316 Update src/app/layout.tsx 2026-01-06 11:17:24 +00:00
a37cec8dec Update src/app/globals.css 2026-01-06 11:17:23 +00:00
01c060c550 Merge version_1 into main
Merge version_1 into main
2026-01-06 11:11:51 +00:00
3 changed files with 46 additions and 15 deletions

View File

@@ -9,8 +9,8 @@
--foreground: #00120ae6;; --foreground: #00120ae6;;
--primary-cta: #15ad59;; --primary-cta: #15ad59;;
--secondary-cta: #ffffff;; --secondary-cta: #ffffff;;
--accent: #e2e2e2;; --accent: #9ca3af;;
--background-accent: #c4c4c4;; --background-accent: #e5e7eb;;
/* 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-lato), sans-serif; font-family: var(--font-playfair-display, --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-lato), sans-serif; font-family: var(--font-playfair-display, --font-roboto), sans-serif;
} }

View File

@@ -1,13 +1,18 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Lato } from "next/font/google"; import { Playfair_Display, 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 lato = Lato({ const playfairDisplay = Playfair_Display({
variable: "--font-lato", variable: "--font-playfair-display",
subsets: ["latin"], subsets: ["latin"],
weight: ["100", "300", "400", "700", "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 +54,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body <body
className={lato.variable} className={`${playfairDisplay.variable} ${roboto.variable}`}
> >
<Tag /> <Tag />
{children} {children}
@@ -1275,4 +1280,4 @@ export default function RootLayout({
</ServiceWrapper> </ServiceWrapper>
</html> </html>
); );
} }

View File

@@ -5,6 +5,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll'; import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import ParallaxAbout from '@/components/sections/about/ParallaxAbout'; import ParallaxAbout from '@/components/sections/about/ParallaxAbout';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree'; import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo'; import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne'; import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree'; import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
@@ -82,28 +83,28 @@ export default function LandingPage() {
tagIcon={CheckCircle} tagIcon={CheckCircle}
features={[ features={[
{ {
id: "01", id: 1,
title: "Advanced Analytics", title: "Advanced Analytics",
description: "Real-time insights and comprehensive reporting to drive informed decision-making", description: "Real-time insights and comprehensive reporting to drive informed decision-making",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767697694989-2tzhxsyk.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767697694989-2tzhxsyk.jpg",
imageAlt: "Analytics dashboard" imageAlt: "Analytics dashboard"
}, },
{ {
id: "02", id: 2,
title: "Smart Automation", title: "Smart Automation",
description: "Streamline repetitive tasks and focus on what matters most to your business", description: "Streamline repetitive tasks and focus on what matters most to your business",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767697695831-3m347obl.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767697695831-3m347obl.jpg",
imageAlt: "Automation workflow" imageAlt: "Automation workflow"
}, },
{ {
id: "03", id: 3,
title: "Enterprise Security", title: "Enterprise Security",
description: "Bank-grade encryption and compliance standards to protect your sensitive data", description: "Bank-grade encryption and compliance standards to protect your sensitive data",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767697696774-ms83vt7x.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767697696774-ms83vt7x.jpg",
imageAlt: "Security protection" imageAlt: "Security protection"
}, },
{ {
id: "04", id: 4,
title: "Team Collaboration", title: "Team Collaboration",
description: "Work together seamlessly with integrated communication and project management tools", description: "Work together seamlessly with integrated communication and project management tools",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767697697861-n3ip2w85.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767697697861-n3ip2w85.jpg",
@@ -120,6 +121,31 @@ export default function LandingPage() {
/> />
</div> </div>
<div id="feature-card-six" data-section="feature-card-six">
<FeatureCardSix
title="Feature Card Six Section"
description="Showcase your features with this elegant component"
tag="Features"
tagIcon={Sparkles}
features={[
{
id: 1,
title: "Feature One",
description: "Description for feature one"
},
{
id: 2,
title: "Feature Two",
description: "Description for feature two"
}
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground="noInvert"
/>
</div>
<div id="products" data-section="products"> <div id="products" data-section="products">
<ProductCardTwo <ProductCardTwo
title="Premium Solutions" title="Premium Solutions"
@@ -386,4 +412,4 @@ export default function LandingPage() {
</div> </div>
</ThemeProvider> </ThemeProvider>
); );
} }