bender/ccb3c3a9-1427-4014-95f2-1ddc0e77fc5a
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_2
Branches Tags
bender:main bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:main
Branches Tags
bender:main bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1

6 Commits
version_2 ... main

Author SHA1 Message Date
bender
972b85c5e8 Merge version_5 into main 
Merge version_5 into main
 2026-03-01 19:45:39 +00:00
bender
3a49382823 Update src/app/styles/variables.css 2026-03-01 19:45:35 +00:00
bender
e751265987 Update src/app/layout.tsx 2026-03-01 19:45:34 +00:00
bender
1e4664eb32 Merge version_3 into main 
Merge version_3 into main
 2026-03-01 19:36:26 +00:00
bender
07e2822e25 Update src/app/page.tsx 2026-03-01 19:36:21 +00:00
bender
5b5ff3aa54 Merge version_2 into main 
Merge version_2 into main
 2026-03-01 19:15:30 +00:00
3 changed files with 29 additions and 24 deletions
Expand all files Collapse all files

8
src/app/layout.tsx
View File

@@ -1,11 +1,11 @@
import type { Metadata } from "next";
import { DM_Sans } from "next/font/google";
import { Inter } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const dmSans = DM_Sans({
variable: "--font-dm-sans", subsets: ["latin"],
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
export const metadata: Metadata = {
@@ -39,7 +39,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${dmSans.variable} antialiased`}
className={`${inter.variable} antialiased`}
>
<Tag />
{children}

17
src/app/page.tsx
View File

@@ -2,14 +2,14 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactText from '@/components/sections/contact/ContactText';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Dribbble, Instagram, Linkedin, Mail, Palette } from "lucide-react";
import { Dribbble, Instagram, Linkedin, Mail, Palette, TrendingUp } from "lucide-react";
export default function LandingPage() {
return (
@@ -41,15 +41,20 @@ export default function LandingPage() {
</div>
<div id="hero" data-section="hero">
<HeroOverlay
<HeroSplitKpi
title="Visual Design That Moves People"
description="Crafting bold, meaningful designs that elevate brands and create lasting impressions"
tag="Creative Studio"
background={{ variant: "plain" }}
kpis={[
{ value: "8+", label: "Years Experience" },
{ value: "150+", label: "Projects Completed" },
{ value: "100%", label: "Client Satisfaction" }
]}
enableKpiAnimation={true}
imageSrc="http://img.b2bpic.net/free-photo/workplace-with-laptop_23-2147651756.jpg"
imageAlt="Creative workspace with design tools"
textPosition="bottom-left"
showBlur={true}
showDimOverlay={true}
mediaAnimation="slide-up"
buttons={[
{ text: "View Portfolio", href: "#portfolio" },
{ text: "Get in Touch", href: "#contact" }

28
src/app/styles/variables.css
View File

@@ -2,23 +2,23 @@
/* Base units */
/* --vw is set by ThemeProvider */
/* --background: #060000;;
--card: #1d0d0d;;
--foreground: #ffe6e6;;
--primary-cta: #ff3d4a;;
--secondary-cta: #1f0a0a;;
--accent: #7b2d2d;;
--background-accent: #b8111f;; */
/* --background: #f5f5f5;;
--card: #ffffff;;
--foreground: #1c1c1c;;
--primary-cta: #15479c;;
--secondary-cta: #ffffff;;
--accent: #a8cce8;;
--background-accent: #7ba3cf;; */
--background: #060000;;
--card: #1d0d0d;;
--foreground: #ffe6e6;;
--primary-cta: #ff3d4a;;
--background: #f5f5f5;;
--card: #ffffff;;
--foreground: #1c1c1c;;
--primary-cta: #15479c;;
--primary-cta-text: #e3deea;;
--secondary-cta: #1f0a0a;;
--secondary-cta: #ffffff;;
--secondary-cta-text: #1f2027;;
--accent: #7b2d2d;;
--background-accent: #b8111f;;
--accent: #a8cce8;;
--background-accent: #7ba3cf;;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);