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

Compare commits

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

5 Commits
version_2 ... version_5

Author SHA1 Message Date
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 type { Metadata } from "next";
import { DM_Sans } from "next/font/google"; import { Inter } 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 dmSans = DM_Sans({ const inter = Inter({
variable: "--font-dm-sans", subsets: ["latin"], variable: "--font-inter", subsets: ["latin"],
}); });
export const metadata: Metadata = { export const metadata: Metadata = {
@@ -39,7 +39,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body <body
className={`${dmSans.variable} antialiased`} className={`${inter.variable} antialiased`}
> >
<Tag /> <Tag />
{children} {children}

17
src/app/page.tsx
View File

@@ -2,14 +2,14 @@
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 HeroOverlay from '@/components/sections/hero/HeroOverlay'; import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard'; import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree'; import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo'; import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve'; import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactText from '@/components/sections/contact/ContactText'; import ContactText from '@/components/sections/contact/ContactText';
import FooterCard from '@/components/sections/footer/FooterCard'; 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() { export default function LandingPage() {
return ( return (
@@ -41,15 +41,20 @@ export default function LandingPage() {
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroOverlay <HeroSplitKpi
title="Visual Design That Moves People" title="Visual Design That Moves People"
description="Crafting bold, meaningful designs that elevate brands and create lasting impressions" description="Crafting bold, meaningful designs that elevate brands and create lasting impressions"
tag="Creative Studio" 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" imageSrc="http://img.b2bpic.net/free-photo/workplace-with-laptop_23-2147651756.jpg"
imageAlt="Creative workspace with design tools" imageAlt="Creative workspace with design tools"
textPosition="bottom-left" mediaAnimation="slide-up"
showBlur={true}
showDimOverlay={true}
buttons={[ buttons={[
{ text: "View Portfolio", href: "#portfolio" }, { text: "View Portfolio", href: "#portfolio" },
{ text: "Get in Touch", href: "#contact" } { text: "Get in Touch", href: "#contact" }

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

@@ -2,23 +2,23 @@
/* Base units */ /* Base units */
/* --vw is set by ThemeProvider */ /* --vw is set by ThemeProvider */
/* --background: #060000;; /* --background: #f5f5f5;;
--card: #1d0d0d;; --card: #ffffff;;
--foreground: #ffe6e6;; --foreground: #1c1c1c;;
--primary-cta: #ff3d4a;; --primary-cta: #15479c;;
--secondary-cta: #1f0a0a;; --secondary-cta: #ffffff;;
--accent: #7b2d2d;; --accent: #a8cce8;;
--background-accent: #b8111f;; */ --background-accent: #7ba3cf;; */
--background: #060000;; --background: #f5f5f5;;
--card: #1d0d0d;; --card: #ffffff;;
--foreground: #ffe6e6;; --foreground: #1c1c1c;;
--primary-cta: #ff3d4a;; --primary-cta: #15479c;;
--primary-cta-text: #e3deea;; --primary-cta-text: #e3deea;;
--secondary-cta: #1f0a0a;; --secondary-cta: #ffffff;;
--secondary-cta-text: #1f2027;; --secondary-cta-text: #1f2027;;
--accent: #7b2d2d;; --accent: #a8cce8;;
--background-accent: #b8111f;; --background-accent: #7ba3cf;;
/* 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);