bender/796897d5-be35-4b43-96b6-77f718ce8f29
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_8
Branches Tags
bender:main bender:version_13 bender:version_12 bender:version_11 bender:version_10 bender:version_9 bender:version_8 bender:version_7 bender:version_6 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_13 bender:version_12 bender:version_11 bender:version_10 bender:version_9 bender:version_8 bender:version_7 bender:version_6 bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1

20 Commits
version_8 ... main

Author SHA1 Message Date
bender
1626b68d39 Merge version_13 into main 
Merge version_13 into main
 2026-05-10 18:23:15 +00:00
bender
fed69ee74b Update theme colors 2026-05-10 18:23:12 +00:00
bender
e5bc794cbd Merge version_12 into main 
Merge version_12 into main
 2026-05-10 18:23:09 +00:00
bender
f6b520df14 Update theme colors 2026-05-10 18:23:06 +00:00
bender
655331d0ba Merge version_11 into main 
Merge version_11 into main
 2026-05-10 18:22:59 +00:00
bender
93448bc069 Update theme fonts 2026-05-10 18:22:56 +00:00
bender
91a71da519 Update theme fonts 2026-05-10 18:22:55 +00:00
bender
ec4a34961c Merge version_11 into main 
Merge version_11 into main
 2026-05-10 18:22:54 +00:00
bender
8c25de42f7 Update theme fonts 2026-05-10 18:22:51 +00:00
bender
74c3562e23 Update theme fonts 2026-05-10 18:22:50 +00:00
bender
9dd3d2f45e Merge version_11 into main 
Merge version_11 into main
 2026-05-10 18:22:15 +00:00
bender
381c8a94c9 Update theme colors 2026-05-10 18:22:12 +00:00
bender
8012293bb9 Merge version_10 into main 
Merge version_10 into main
 2026-05-10 18:22:02 +00:00
bender
3e0d5cc638 Update theme colors 2026-05-10 18:21:59 +00:00
bender
71d6989a2c Merge version_9 into main 
Merge version_9 into main
 2026-05-10 18:19:39 +00:00
bender
dca8f789f6 Update src/app/page.tsx 2026-05-10 18:19:33 +00:00
bender
afa5befdba Merge version_9 into main 
Merge version_9 into main
 2026-05-10 18:19:12 +00:00
bender
f802d8efd2 Update src/app/page.tsx 2026-05-10 18:19:06 +00:00
bender
7e5564880a Merge version_8 into main 
Merge version_8 into main
 2026-05-10 18:18:11 +00:00
bender
913c460ce7 Merge version_8 into main 
Merge version_8 into main
 2026-05-10 18:17:47 +00:00
4 changed files with 29 additions and 23 deletions
Expand all files Collapse all files

10
src/app/layout.tsx
View File

@@ -9,6 +9,7 @@ import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Nunito_Sans } from "next/font/google"; import { Nunito_Sans } from "next/font/google";
import { Montserrat } from "next/font/google"; import { Montserrat } from "next/font/google";
import { Roboto } from "next/font/google"; import { Roboto } from "next/font/google";
import { Mulish } from "next/font/google";
@@ -24,10 +25,11 @@ export const metadata: Metadata = {
const roboto = Roboto({
variable: "--font-roboto",
const montserrat = Montserrat({
variable: "--font-montserrat",
subsets: ["latin"], subsets: ["latin"],
weight: ["100", "300", "400", "500", "700", "900"],
}); });
export default function RootLayout({ export default function RootLayout({
@@ -38,7 +40,7 @@ export default function RootLayout({
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body className={`${roboto.variable} antialiased`}> <body className={`${montserrat.variable} antialiased`}>
<Tag /> <Tag />
{children} {children}
<script <script

20
src/app/page.tsx
View File

@@ -2,7 +2,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric'; import SplitAbout from '@/components/sections/about/SplitAbout';
import ContactCTA from '@/components/sections/contact/ContactCTA'; import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqDouble from '@/components/sections/faq/FaqDouble'; import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne'; import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
@@ -49,7 +49,7 @@ export default function LandingPage() {
tagIcon={Sparkles} tagIcon={Sparkles}
background={{ variant: "rotated-rays-animated" }} background={{ variant: "rotated-rays-animated" }}
carouselItems={[ carouselItems={[
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/portrait-technologically-advanced-female-humanoid_23-2151666363.jpg" }, { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/portrait-technologically-advanced-female-humanoid_23-2151666363.jpg?_wi=1" },
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg" }, { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg" },
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-digital-technology-background_53876-104787.jpg?_wi=1" }, { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-digital-technology-background_53876-104787.jpg?_wi=1" },
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/3d-low-poly-abstract-background-with-shallow-depth-field_1048-10653.jpg?_wi=1" }, { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/3d-low-poly-abstract-background-with-shallow-depth-field_1048-10653.jpg?_wi=1" },
@@ -60,15 +60,19 @@ export default function LandingPage() {
</div> </div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<AboutMetric <SplitAbout
useInvertedBackground={false} useInvertedBackground={false}
title="Defining the Digital Frontier" title="Defining the Digital Frontier"
metrics={[ description="AI Systems Engineer & Full Stack Developer. Bridging technical precision with creative problem-solving."
{ icon: Code2, label: "AI Systems", value: "Advanced" }, mediaBadge={{ text: "Available for Work", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-technologically-advanced-female-humanoid_23-2151666363.jpg" }}
{ icon: Code, label: "Full Stack", value: "Expert" }, imageSrc="http://img.b2bpic.net/free-photo/portrait-technologically-advanced-female-humanoid_23-2151666363.jpg?_wi=2"
{ icon: Shield, label: "Security", value: "Certified" }, imageAlt="Rayash Albureihi Portrait"
textboxLayout="split"
bulletPoints={[
{ title: "AI Systems", description: "Advanced neural architecture integration." },
{ title: "Full Stack", description: "Expertise in modern web ecosystems." },
{ title: "Security", description: "Certified resilient system design." },
]} ]}
metricsAnimation="blur-reveal"
/> />
</div> </div>

4
src/app/styles/base.css
View File

@@ -11,7 +11,7 @@ html {
body { body {
background-color: var(--background); background-color: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: var(--font-roboto), sans-serif; font-family: var(--font-montserrat), sans-serif;
position: relative; position: relative;
min-height: 100vh; min-height: 100vh;
overscroll-behavior: none; overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: var(--font-roboto), sans-serif; font-family: var(--font-montserrat), sans-serif;
} }

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

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #000000; --background: #0a0a0a;
--card: #481f1f; --card: #1a1a1a;
--foreground: #ffffff; --foreground: #f5fffae6;
--primary-cta: #ffffff; --primary-cta: #80da9b;
--primary-cta-text: #280101; --primary-cta-text: #0a0a0a;
--secondary-cta: #361311; --secondary-cta: #1a1a1a;
--secondary-cta-text: #f6d4d4; --secondary-cta-text: #f5fffae6;
--accent: #51000b; --accent: #737373;
--background-accent: #ff2231; --background-accent: #737373;
/* 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);