bender/ce64a328-2fd1-4e80-876b-ffe7aaf7a275
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-11 06:38:18 +00:00
parent 331db2d2d8
commit 813dc35859
1 changed files with 28 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
src/app/page.tsx
View File

@@ -7,11 +7,11 @@ import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import TextAbout from '@/components/sections/about/TextAbout';
import { Award, Shield, Zap, Code, Bot, Database } from "lucide-react";
import { TimelineCardStack } from '@/components/cardStack/layouts/timelines/TimelineCardStack';
export default function LandingPage() {
return (
@@ -32,8 +32,8 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{ name: "About", id: "#about" },
{ name: "Skills", id: "#showcase" },
{ name: "Metrics", id: "#metrics" },
{ name: "Experience", id: "#showcase" },
{ name: "Achievements", id: "#metrics" },
{ name: "Contact", id: "#contact" }
]}
brandName="PORTFOLIO"
@@ -45,7 +45,7 @@ export default function LandingPage() {
background={{ variant: "sparkles-gradient" }}
title="Architecting Intelligent Digital Ecosystems"
description="Professional developer bridging the gap between high-performance web engineering, process automation, and CRM intelligence."
buttons={[{ text: "Explore My Skills", href: "#showcase" }]}
buttons={[{ text: "Explore Experience", href: "#showcase" }]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DZCgWl9LyG97r0E0wc0QABPPD2/uploaded-1778481250546-jjbhquq0.png"
mediaAnimation="slide-up"
marqueeItems={[
@@ -68,33 +68,37 @@ export default function LandingPage() {
</div>
<div id="showcase" data-section="showcase">
<FeatureCardOne
animationType="depth-3d"
textboxLayout="default"
gridVariant="two-columns-alternating-heights"
useInvertedBackground={false}
features={[
{ title: "Web Development", description: "Building modern, responsive web experiences using React, Next.js, and TypeScript.", imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg" },
{ title: "Process Automation", description: "Optimizing business efficiency through custom automation workflows and tools.", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-space-rocket-model_23-2151113294.jpg" },
{ title: "CRM Integration", description: "Scaling business operations by implementing and integrating robust CRM platforms.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-entrepreneur-talking-with-remote-coworker-online-videocall_482257-77697.jpg" }
]}
title="Core Competencies"
description="Focused expertise in technical development and strategic digital transformation."
/>
<TimelineCardStack
title="Career Experience & Projects"
textboxLayout="split"
description="A chronological overview of my professional trajectory and key technical contributions."
>
<div className="space-y-6">
<h3 className="text-2xl font-bold">Senior Web Engineer</h3>
<p>Led development of high-scale enterprise web applications, enhancing performance and user retention.</p>
</div>
<div className="space-y-6">
<h3 className="text-2xl font-bold">Automation Architect</h3>
<p>Designed custom automated workflows reducing manual processing overhead by 60%.</p>
</div>
<div className="space-y-6">
<h3 className="text-2xl font-bold">CRM Specialist</h3>
<p>Deployed integrated CRM solutions to streamline customer data architecture for global clients.</p>
</div>
</TimelineCardStack>
</div>
<div id="metrics" data-section="metrics">
<MetricCardThree
<MetricCardEleven
animationType="depth-3d"
textboxLayout="split"
useInvertedBackground={false}
title="Professional Achievements"
description="Key statistics reflecting measurable impact across my projects and operations."
metrics={[
{ id: "m1", icon: Code, title: "Web Projects", value: "50+" },
{ id: "m2", icon: Bot, title: "Automations", value: "100+" },
{ id: "m3", icon: Database, title: "CRM Systems", value: "25+" }
{ id: "p1", title: "Strategic Growth", value: "300%", description: "Increased platform efficiency for key enterprise clients.", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-space-rocket-model_23-2151113294.jpg" },
{ id: "p2", title: "Project Success", value: "98%", description: "Consistent delivery on complex full-stack engineering milestones.", imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg" }
]}
title="Technical Impact"
description="Quantifiable contributions across development and optimization landscapes."
/>
</div>