Merge version_1 into main #2
311
src/app/page.tsx
311
src/app/page.tsx
@@ -15,220 +15,121 @@ import { Cloud, Database, Zap } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Achievements",
|
||||
id: "#metrics",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="SeniorDev"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Experience", id: "#features" },
|
||||
{ name: "Achievements", id: "#metrics" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="SeniorDev"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Architecting Scalable Software Solutions"
|
||||
description="I'm a Senior Software Engineer specializing in distributed systems, performance optimization, and architectural design for high-traffic platforms."
|
||||
tag="Available for Consulting"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Experience",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
text: "Contact Me",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/a-highly-professional-futuristic-softwar-1774841127042-3bb9fd76.png"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Architecting Scalable Software Solutions"
|
||||
description="I'm a Senior Software Engineer specializing in distributed systems, performance optimization, and architectural design for high-traffic platforms."
|
||||
tag="Available for Consulting"
|
||||
buttons={[
|
||||
{ text: "View Experience", href: "#features" },
|
||||
{ text: "Contact Me", href: "#contact" }
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/a-highly-professional-futuristic-softwar-1774841127042-3bb9fd76.png"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Engineering Excellence"
|
||||
description="With over 10 years of experience, I bridge the gap between complex business requirements and robust, maintainable codebases. My expertise spans cloud-native architecture, microservices, and performance tuning at scale."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/a-portrait-of-a-professional-senior-soft-1774841178952-ddcdd1be.png"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Engineering Excellence"
|
||||
description="With over 10 years of experience, I bridge the gap between complex business requirements and robust, maintainable codebases. My expertise spans cloud-native architecture, microservices, and performance tuning at scale."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/a-portrait-of-a-professional-senior-soft-1774841178952-ddcdd1be.png"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Cloud,
|
||||
title: "Cloud Architecture",
|
||||
description: "Expert in AWS, GCP, and Kubernetes for global service orchestration.",
|
||||
},
|
||||
{
|
||||
icon: Database,
|
||||
title: "Database Engineering",
|
||||
description: "Advanced SQL/NoSQL performance tuning and data modeling.",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "System Scalability",
|
||||
description: "Designing high-concurrency systems using event-driven architectures.",
|
||||
},
|
||||
]}
|
||||
title="Core Technical Competencies"
|
||||
description="Building reliable, performant, and secure systems that empower businesses to scale."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Cloud, title: "Cloud Architecture", description: "Expert in AWS, GCP, and Kubernetes for global service orchestration." },
|
||||
{ icon: Database, title: "Database Engineering", description: "Advanced SQL/NoSQL performance tuning and data modeling." },
|
||||
{ icon: Zap, title: "System Scalability", description: "Designing high-concurrency systems using event-driven architectures." }
|
||||
]}
|
||||
title="Core Technical Competencies"
|
||||
description="Building reliable, performant, and secure systems that empower businesses to scale."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
description: "Production stability across core systems.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/visual-representing-high-performance-ben-1774841163159-8dfb222a.png",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "40%",
|
||||
title: "Performance Gain",
|
||||
description: "Reduction in average API latency.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/visual-representing-code-reliability-met-1774841103362-c9b5c064.png",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "1M+",
|
||||
title: "Requests/Day",
|
||||
description: "Handled throughput per cluster.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/visual-representing-production-uptime-an-1774841103378-023d814a.png",
|
||||
},
|
||||
]}
|
||||
title="Impact at Scale"
|
||||
description="Measured results across production systems."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "99.9%", title: "Uptime", description: "Production stability across core systems.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/visual-representing-high-performance-ben-1774841163159-8dfb222a.png" },
|
||||
{ id: "m2", value: "40%", title: "Performance Gain", description: "Reduction in average API latency.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/visual-representing-code-reliability-met-1774841103362-c9b5c064.png" },
|
||||
{ id: "m3", value: "1M+", title: "Requests/Day", description: "Handled throughput per cluster.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/visual-representing-production-uptime-an-1774841103378-023d814a.png" }
|
||||
]}
|
||||
title="Impact at Scale"
|
||||
description="Measured results across production systems."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Rivet",
|
||||
role: "CEO, TechFlow",
|
||||
testimonial: "The architectural roadmap provided was transformative for our scaling challenges.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/headshot-of-an-executive-smiling-profess-1774841103185-8a389aae.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Maria Garcia",
|
||||
role: "VP Engineering, DataCorp",
|
||||
testimonial: "A master of complex distributed systems. Delivered under tight deadlines.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/headshot-of-a-project-manager-smiling-pr-1774841102525-2b10494a.png",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sam Thorne",
|
||||
role: "Founder, CloudInnov",
|
||||
testimonial: "Reliable, strategic, and technically gifted. Highly recommend.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/headshot-of-a-startup-founder-smiling-pr-1774841103074-99721494.png",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Jessica Lee",
|
||||
role: "Technical Lead, DevSystems",
|
||||
testimonial: "Deep knowledge of backend design saved us months of development.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/headshot-of-a-technical-lead-smiling-pro-1774841108641-2b3c136c.png",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David Chen",
|
||||
role: "CTO, ScaleUp Inc",
|
||||
testimonial: "Exceptional clarity in system design. He truly understands high-scale infrastructure.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/headshot-of-an-executive-smiling-profess-1774841103185-8a389aae.png?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Professional Endorsements"
|
||||
description="Trusted by leaders and innovators in the industry."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Alex Rivet", role: "CEO, TechFlow", testimonial: "The architectural roadmap provided was transformative for our scaling challenges.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/headshot-of-an-executive-smiling-profess-1774841103185-8a389aae.png" },
|
||||
{ id: "t2", name: "Maria Garcia", role: "VP Engineering, DataCorp", testimonial: "A master of complex distributed systems. Delivered under tight deadlines.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/headshot-of-a-project-manager-smiling-pr-1774841102525-2b10494a.png" },
|
||||
{ id: "t3", name: "Sam Thorne", role: "Founder, CloudInnov", testimonial: "Reliable, strategic, and technically gifted. Highly recommend.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/headshot-of-a-startup-founder-smiling-pr-1774841103074-99721494.png" },
|
||||
{ id: "t4", name: "Jessica Lee", role: "Technical Lead, DevSystems", testimonial: "Deep knowledge of backend design saved us months of development.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/headshot-of-a-technical-lead-smiling-pro-1774841108641-2b3c136c.png" },
|
||||
{ id: "t5", name: "David Chen", role: "CTO, ScaleUp Inc", testimonial: "Exceptional clarity in system design. He truly understands high-scale infrastructure.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/headshot-of-an-executive-smiling-profess-1774841103185-8a389aae.png" }
|
||||
]}
|
||||
title="Professional Endorsements"
|
||||
description="Trusted by leaders and innovators in the industry."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
tag="Let's Connect"
|
||||
title="Ready to discuss your architecture?"
|
||||
description="Open for strategic roles, technical advisory, and high-impact engineering projects."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/professional-workspace-with-an-open-lapt-1774841173200-7fe46d6f.png"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "animated-grid" }}
|
||||
tag="Let's Connect"
|
||||
title="Ready to discuss your architecture?"
|
||||
description="Open for strategic roles, technical advisory, and high-impact engineering projects."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/professional-workspace-with-an-open-lapt-1774841173200-7fe46d6f.png"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/a-minimalist-abstract-digital-data-strea-1774841147265-5e968814.png"
|
||||
columns={[
|
||||
{
|
||||
title: "Professional",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Experience",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "GitHub",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BeEFQcrskFlkkg9a3vdjLOZD1Y/a-minimalist-abstract-digital-data-strea-1774841147265-5e968814.png"
|
||||
columns={[
|
||||
{ title: "Professional", items: [{ label: "About", href: "#about" }, { label: "Experience", href: "#features" }] },
|
||||
{ title: "Connect", items: [{ label: "LinkedIn", href: "#" }, { label: "GitHub", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user