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

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-10 18:07:00 +00:00
parent 96e6c7f503
commit f92df8ccb3
1 changed files with 40 additions and 219 deletions
Download Patch File Download Diff File Expand all files Collapse all files

259
src/app/page.tsx
View File

@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Hero",
id: "#hero",
},
{
name: "About",
id: "#about",
},
{
name: "Projects",
id: "#projects",
},
{
name: "Contact",
id: "#contact",
},
{ name: "Hero", id: "#hero" },
{ name: "About", id: "#about" },
{ name: "Projects", id: "#projects" },
{ name: "Contact", id: "#contact" },
]}
brandName="Rayash Albureihi"
/>
@@ -55,33 +43,15 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
title="Rayash Albureihi"
description="AI Systems Engineer & Full Stack Developer. Building the future of intelligent digital ecosystems with high-end architecture."
tag="Elevated Technology Identity"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-technologically-advanced-female-humanoid_23-2151666363.jpg",
imageAlt: "Rayash Albureihi portrait",
},
imageSrc: "http://img.b2bpic.net/free-photo/portrait-technologically-advanced-female-humanoid_23-2151666363.jpg", imageAlt: "Rayash Albureihi portrait"},
{
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg",
imageAlt: "Neural network visualization",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/urban-double-exposure-collage-concept_23-2149657932.jpg",
imageAlt: "Urban double exposure concept",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-virtual-reality-gadget-with-red-light_23-2148864951.jpg",
imageAlt: "VR gadget user",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-futuristic-female-humanoid-with-advanced-technology_23-2151666318.jpg",
imageAlt: "Futuristic humanoid tech",
},
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg", imageAlt: "Neural network visualization"}
]}
mediaAnimation="slide-up"
rating={5}
@@ -95,21 +65,9 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Defining the Digital Frontier"
metrics={[
{
icon: Code2,
label: "AI Systems",
value: "Advanced",
},
{
icon: Code,
label: "Full Stack",
value: "Expert",
},
{
icon: Shield,
label: "Security",
value: "Certified",
},
{ icon: Code2, label: "AI Systems", value: "Advanced" },
{ icon: Code, label: "Full Stack", value: "Expert" },
{ icon: Shield, label: "Security", value: "Certified" },
]}
metricsAnimation="blur-reveal"
/>
@@ -122,21 +80,9 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "5+",
description: "Years of Experience",
},
{
id: "m2",
value: "50+",
description: "Projects Delivered",
},
{
id: "m3",
value: "100%",
description: "Commitment to Innovation",
},
{ id: "m1", value: "5+", description: "Years of Experience" },
{ id: "m2", value: "50+", description: "Projects Delivered" },
{ id: "m3", value: "100%", description: "Commitment to Innovation" },
]}
title="Engineering Impact"
description="Turning complex systems into seamless digital realities."
@@ -149,21 +95,9 @@ export default function LandingPage() {
title="Technical Expertise"
description="Powering innovation with cutting-edge technologies and robust software architecture."
accordionItems={[
{
id: "s1",
title: "AI & Automation",
content: "Developing sophisticated models and autonomous workflows.",
},
{
id: "s2",
title: "Web Development",
content: "Modern, scalable applications using Next.js and TypeScript.",
},
{
id: "s3",
title: "Backend Systems",
content: "Secure and performant cloud-native infrastructure.",
},
{ id: "s1", title: "AI & Automation", content: "Developing sophisticated models and autonomous workflows." },
{ id: "s2", title: "Web Development", content: "Modern, scalable applications using Next.js and TypeScript." },
{ id: "s3", title: "Backend Systems", content: "Secure and performant cloud-native infrastructure." },
]}
imageSrc="http://img.b2bpic.net/free-photo/abstract-futuristic-digital-technology-background_53876-104787.jpg"
imageAlt="Technical skills visualization"
@@ -178,60 +112,12 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={true}
products={[
{
id: "p1",
brand: "AI",
name: "Neural Engine v1",
price: "Launch",
rating: 5,
reviewCount: "12",
imageSrc: "http://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-flat-design_52683-16269.jpg",
},
{
id: "p2",
brand: "Web",
name: "Cinematic Portfolio",
price: "Active",
rating: 5,
reviewCount: "8",
imageSrc: "http://img.b2bpic.net/free-photo/3d-low-poly-abstract-background-with-shallow-depth-field_1048-10653.jpg",
},
{
id: "p3",
brand: "Sys",
name: "Secure Auth Node",
price: "Secured",
rating: 5,
reviewCount: "15",
imageSrc: "http://img.b2bpic.net/free-photo/surveillance-hacking-room-with-russian-flag-big-screen_482257-127592.jpg",
},
{
id: "p4",
brand: "AI",
name: "Auto-Scaler",
price: "Optimized",
rating: 5,
reviewCount: "9",
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241197.jpg",
},
{
id: "p5",
brand: "Web",
name: "E-Commerce OS",
price: "Scalable",
rating: 5,
reviewCount: "21",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-background-with-low-poly-design_1048-5834.jpg",
},
{
id: "p6",
brand: "Sec",
name: "Firewall Core",
price: "Hardened",
rating: 5,
reviewCount: "11",
imageSrc: "http://img.b2bpic.net/free-vector/modern-infographic-element-collection_52683-1784.jpg",
},
{ id: "p1", brand: "AI", name: "Neural Engine v1", price: "Launch", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-flat-design_52683-16269.jpg" },
{ id: "p2", brand: "Web", name: "Cinematic Portfolio", price: "Active", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/3d-low-poly-abstract-background-with-shallow-depth-field_1048-10653.jpg" },
{ id: "p3", brand: "Sys", name: "Secure Auth Node", price: "Secured", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/surveillance-hacking-room-with-russian-flag-big-screen_482257-127592.jpg" },
{ id: "p4", brand: "AI", name: "Auto-Scaler", price: "Optimized", rating: 5, reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241197.jpg" },
{ id: "p5", brand: "Web", name: "E-Commerce OS", price: "Scalable", rating: 5, reviewCount: "21", imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-background-with-low-poly-design_1048-5834.jpg" },
{ id: "p6", brand: "Sec", name: "Firewall Core", price: "Hardened", rating: 5, reviewCount: "11", imageSrc: "http://img.b2bpic.net/free-vector/modern-infographic-element-collection_52683-1784.jpg" },
]}
title="Feature Projects"
description="Selected works demonstrating architectural depth and creative design."
@@ -242,61 +128,22 @@ export default function LandingPage() {
<TestimonialCardSixteen
textboxLayout="split"
useInvertedBackground={false}
animationType="blur-reveal"
testimonials={[
{
id: "t1",
name: "Sarah Ahmed",
role: "CTO",
company: "TechStream",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
},
id: "t1", name: "Sarah Ahmed", role: "CTO", company: "TechStream", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
{
id: "t2",
name: "David Miller",
role: "Director",
company: "GrowthLabs",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-cheerful-man_176474-85962.jpg",
},
id: "t2", name: "David Miller", role: "Director", company: "GrowthLabs", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-cheerful-man_176474-85962.jpg"},
{
id: "t3",
name: "Lisa Chen",
role: "Architect",
company: "UrbanTech",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/male-freelancer-using-computer-plan-financial-analysis-with-business-charts-statistics-working-online-network-economy-growth-office-employee-planning-growth-strategy-close-up_482257-40931.jpg",
},
{
id: "t4",
name: "Marcus Thorne",
role: "Lead Dev",
company: "CodeFlow",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/nervous-puzzled-woman-banker-bites-lips-worries_273609-45620.jpg",
},
{
id: "t5",
name: "Elena Rossi",
role: "AI Researcher",
company: "NeuralData",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/computer-scientist-server-farm-ensuring-compliance-with-industry-standards_482257-123806.jpg",
},
id: "t3", name: "Lisa Chen", role: "Architect", company: "UrbanTech", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/male-freelancer-using-computer-plan-financial-analysis-with-business-charts-statistics-working-online-network-economy-growth-office-employee-planning-growth-strategy-close-up_482257-40931.jpg"},
]}
kpiItems={[
{
value: "98%",
label: "Project Success",
},
{
value: "5+",
label: "Years Active",
},
{
value: "500k",
label: "Code Lines",
},
{ value: "98%", label: "Project Success" },
{ value: "5+", label: "Years Active" },
{ value: "500k", label: "Code Lines" },
]}
title="Industry Recognition"
description="What partners and collaborators have to say about Rayash's work."
@@ -308,21 +155,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "What is your main specialty?",
content: "AI systems and full stack architecture.",
},
{
id: "f2",
title: "How do you approach projects?",
content: "With a focus on performance, scalability, and premium aesthetics.",
},
{
id: "f3",
title: "Are you taking new projects?",
content: "Always open to ambitious, high-impact collaborations.",
},
{ id: "f1", title: "What is your main specialty?", content: "AI systems and full stack architecture." },
{ id: "f2", title: "How do you approach projects?", content: "With a focus on performance, scalability, and premium aesthetics." },
{ id: "f3", title: "Are you taking new projects?", content: "Always open to ambitious, high-impact collaborations." },
]}
title="Queries & Insights"
faqsAnimation="slide-up"
@@ -333,21 +168,13 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Let's Build"
title="Ready to launch?"
description="Discuss your next project or potential collaboration."
buttons={[
{
text: "Contact Rayash",
href: "mailto:rayash@example.com",
},
{
text: "View LinkedIn",
href: "https://linkedin.com",
},
{ text: "Contact Rayash", href: "mailto:rayash@example.com" },
{ text: "View LinkedIn", href: "https://linkedin.com" },
]}
/>
</div>
@@ -355,14 +182,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Rayash Albureihi"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>
</div>
</ReactLenis>