Merge version_1 into main #2
162
src/app/page.tsx
162
src/app/page.tsx
@@ -10,6 +10,7 @@ import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Zap, Shield, Code, LineChart } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,68 +31,43 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Stack",
|
||||
id: "#stack",
|
||||
},
|
||||
name: "Stack", id: "#stack"},
|
||||
{
|
||||
name: "Impact",
|
||||
id: "#impact",
|
||||
},
|
||||
name: "Impact", id: "#impact"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Gopal Dev"
|
||||
button={{
|
||||
text: "Explore My Stack",
|
||||
href: "#stack",
|
||||
}}
|
||||
text: "Explore My Stack", href: "#stack"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Infrastructure Built, Secured, Monitored, Scaled"
|
||||
description="3D portfolio showcasing production DevOps workflows, cloud security architectures, and the real tools I've mastered—Kubernetes, Terraform, AWS, CI/CD pipelines, and Zero Trust security. Scroll through live deployments, infrastructure-as-code, and security implementations that reduced vulnerabilities by 40%."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore My Stack",
|
||||
href: "#stack",
|
||||
},
|
||||
text: "Explore My Stack", href: "#stack"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/advanced-server-hub-managing-large-datasets-artificial-intelligence-training_482257-124451.jpg?_wi=1",
|
||||
imageAlt: "Cloud infrastructure and DevOps dashboard visualization",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/advanced-server-hub-managing-large-datasets-artificial-intelligence-training_482257-124451.jpg", imageAlt: "Cloud infrastructure and DevOps dashboard visualization"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/advanced-server-hub-managing-large-datasets-artificial-intelligence-training_482257-124451.jpg?_wi=2",
|
||||
imageAlt: "Cloud infrastructure and DevOps dashboard visualization",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/advanced-server-hub-managing-large-datasets-artificial-intelligence-training_482257-124451.jpg", imageAlt: "Cloud infrastructure and DevOps dashboard visualization"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/advanced-server-hub-managing-large-datasets-artificial-intelligence-training_482257-124451.jpg?_wi=3",
|
||||
imageAlt: "Cloud infrastructure and DevOps dashboard visualization",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/advanced-server-hub-managing-large-datasets-artificial-intelligence-training_482257-124451.jpg", imageAlt: "Cloud infrastructure and DevOps dashboard visualization"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/advanced-server-hub-managing-large-datasets-artificial-intelligence-training_482257-124451.jpg?_wi=4",
|
||||
imageAlt: "Cloud infrastructure and DevOps dashboard visualization",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/advanced-server-hub-managing-large-datasets-artificial-intelligence-training_482257-124451.jpg", imageAlt: "Cloud infrastructure and DevOps dashboard visualization"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/advanced-server-hub-managing-large-datasets-artificial-intelligence-training_482257-124451.jpg?_wi=5",
|
||||
imageAlt: "Cloud infrastructure and DevOps dashboard visualization",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/advanced-server-hub-managing-large-datasets-artificial-intelligence-training_482257-124451.jpg", imageAlt: "Cloud infrastructure and DevOps dashboard visualization"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/advanced-server-hub-managing-large-datasets-artificial-intelligence-training_482257-124451.jpg?_wi=6",
|
||||
imageAlt: "Cloud infrastructure and DevOps dashboard visualization",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/advanced-server-hub-managing-large-datasets-artificial-intelligence-training_482257-124451.jpg", imageAlt: "Cloud infrastructure and DevOps dashboard visualization"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -102,9 +78,7 @@ export default function LandingPage() {
|
||||
title="Senior DevOps Engineer & Cloud Security Architect"
|
||||
buttons={[
|
||||
{
|
||||
text: "Read My Story",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Read My Story", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -115,28 +89,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "CI/CD Orchestration",
|
||||
description: "Automated Jenkins and GitHub Actions pipelines that reduced manual deployment overhead by 50%.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-editor-uses-digital-interface-design-apartment-floor-plan_482257-119122.jpg",
|
||||
buttonIcon: "Zap",
|
||||
title: "CI/CD Orchestration", description: "Automated Jenkins and GitHub Actions pipelines that reduced manual deployment overhead by 50%.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-editor-uses-digital-interface-design-apartment-floor-plan_482257-119122.jpg", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Cloud Security Hardening",
|
||||
description: "Zero Trust security implementations resulting in a 40% reduction in production vulnerabilities.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cloud-upload-icon-line-connection-circuit-board_1379-890.jpg",
|
||||
buttonIcon: "Shield",
|
||||
title: "Cloud Security Hardening", description: "Zero Trust security implementations resulting in a 40% reduction in production vulnerabilities.", imageSrc: "http://img.b2bpic.net/free-photo/cloud-upload-icon-line-connection-circuit-board_1379-890.jpg", buttonIcon: Shield,
|
||||
},
|
||||
{
|
||||
title: "Infrastructure as Code",
|
||||
description: "Provisioned multi-cloud environments at scale using Terraform, ensuring consistent state and auditability.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/cloud-computing_24911-45213.jpg",
|
||||
buttonIcon: "Code",
|
||||
title: "Infrastructure as Code", description: "Provisioned multi-cloud environments at scale using Terraform, ensuring consistent state and auditability.", imageSrc: "http://img.b2bpic.net/free-vector/cloud-computing_24911-45213.jpg", buttonIcon: Code,
|
||||
},
|
||||
{
|
||||
title: "Observability Implementation",
|
||||
description: "Designed real-time Prometheus/Grafana stacks improving incident response metrics by 35%.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sales-manager-examining-success-efficiency-metrics-within-firm_482257-90914.jpg",
|
||||
buttonIcon: "LineChart",
|
||||
title: "Observability Implementation", description: "Designed real-time Prometheus/Grafana stacks improving incident response metrics by 35%.", imageSrc: "http://img.b2bpic.net/free-photo/sales-manager-examining-success-efficiency-metrics-within-firm_482257-90914.jpg", buttonIcon: LineChart,
|
||||
},
|
||||
]}
|
||||
title="Production-Grade Engineering"
|
||||
@@ -152,20 +114,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50%",
|
||||
description: "Deployment time reduction",
|
||||
},
|
||||
id: "m1", value: "50%", description: "Deployment time reduction"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "40%",
|
||||
description: "Vulnerability reduction",
|
||||
},
|
||||
id: "m2", value: "40%", description: "Vulnerability reduction"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "35%",
|
||||
description: "Incident response improvement",
|
||||
},
|
||||
id: "m3", value: "35%", description: "Incident response improvement"},
|
||||
]}
|
||||
title="Measurable Impact"
|
||||
description="Key metrics from production environments managed."
|
||||
@@ -178,45 +131,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Exceptional Expert",
|
||||
quote: "Gopal's approach to cloud security turned our fragile setup into a fortress.",
|
||||
name: "Sarah Jenkins",
|
||||
role: "CTO, CloudScale",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businessman-posing-looking-camera_1163-4800.jpg",
|
||||
},
|
||||
id: "1", title: "Exceptional Expert", quote: "Gopal's approach to cloud security turned our fragile setup into a fortress.", name: "Sarah Jenkins", role: "CTO, CloudScale", imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businessman-posing-looking-camera_1163-4800.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Reliable Architect",
|
||||
quote: "Transformed our CI/CD pipelines, making our deployments seamless.",
|
||||
name: "Marcus Chen",
|
||||
role: "DevOps Manager, TechSync",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report-startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy_482257-38904.jpg",
|
||||
},
|
||||
id: "2", title: "Reliable Architect", quote: "Transformed our CI/CD pipelines, making our deployments seamless.", name: "Marcus Chen", role: "DevOps Manager, TechSync", imageSrc: "http://img.b2bpic.net/free-photo/financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report-startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy_482257-38904.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Strategic Consultant",
|
||||
quote: "Clear insights and efficient execution on critical Kubernetes migration projects.",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Principal Eng, InnovateCo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-industry-4-0-solar-panels-plant-elderly-supervisor-overseeing-facility-smiling-photovoltaics_482257-135647.jpg",
|
||||
},
|
||||
id: "3", title: "Strategic Consultant", quote: "Clear insights and efficient execution on critical Kubernetes migration projects.", name: "Elena Rodriguez", role: "Principal Eng, InnovateCo", imageSrc: "http://img.b2bpic.net/free-photo/happy-industry-4-0-solar-panels-plant-elderly-supervisor-overseeing-facility-smiling-photovoltaics_482257-135647.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Technical Depth",
|
||||
quote: "Gopal understands high-scale infrastructure better than any candidate we've screened.",
|
||||
name: "David Kim",
|
||||
role: "Hiring Manager, StartupXYZ",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-desk-table-business-company-office_482257-16773.jpg",
|
||||
},
|
||||
id: "4", title: "Technical Depth", quote: "Gopal understands high-scale infrastructure better than any candidate we've screened.", name: "David Kim", role: "Hiring Manager, StartupXYZ", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-desk-table-business-company-office_482257-16773.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Best-in-class",
|
||||
quote: "His implementation of Zero Trust security was best-in-class for our firm.",
|
||||
name: "Lisa Wong",
|
||||
role: "CISO, GlobalTech",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-with-arms-crossed-holding-white-headphone-around-his-neck_23-2148096439.jpg",
|
||||
},
|
||||
id: "5", title: "Best-in-class", quote: "His implementation of Zero Trust security was best-in-class for our firm.", name: "Lisa Wong", role: "CISO, GlobalTech", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-with-arms-crossed-holding-white-headphone-around-his-neck_23-2148096439.jpg"},
|
||||
]}
|
||||
title="Proven Performance"
|
||||
description="Feedback from hiring managers and project leads."
|
||||
@@ -227,16 +150,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Let's Connect"
|
||||
title="Ready for your next infrastructure challenge?"
|
||||
description="Reach out to discuss DevOps consulting, engineering staffing, or cloud security improvements."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Gopal",
|
||||
href: "mailto:gopal@example.com",
|
||||
},
|
||||
text: "Contact Gopal", href: "mailto:gopal@example.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -247,33 +167,21 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Stack",
|
||||
href: "#stack",
|
||||
},
|
||||
label: "Stack", href: "#stack"},
|
||||
{
|
||||
label: "Impact",
|
||||
href: "#impact",
|
||||
},
|
||||
label: "Impact", href: "#impact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "https://linkedin.com",
|
||||
},
|
||||
label: "LinkedIn", href: "https://linkedin.com"},
|
||||
{
|
||||
label: "GitHub",
|
||||
href: "https://github.com",
|
||||
},
|
||||
label: "GitHub", href: "https://github.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user