Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 90244baeaf | |||
| 5773eec3b3 | |||
| e79888dd99 | |||
| 7680b7f9eb | |||
| c53ec2e733 | |||
| 77f9663b53 |
@@ -14,18 +14,18 @@ const manrope = Manrope({
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "PC & Server Enthusiast - Hardware & Infrastructure", description: "Passionate about building high-performance PC systems and enterprise server infrastructure. Explore my projects, setups, and technical expertise.", keywords: "PC building, servers, hardware, infrastructure, gaming PC, workstation, data center, tech enthusiast", robots: {
|
||||
title: "Creative Coder & Guitarist - Tech & Music", description: "Exploring the intersection of technology and music. My creative corner where I share my passion for coding, guitar, and building meaningful projects.", keywords: "developer, guitarist, tech enthusiast, music, coding, creative, portfolio", robots: {
|
||||
index: true,
|
||||
follow: true,
|
||||
},
|
||||
openGraph: {
|
||||
title: "PC & Server Enthusiast - Hardware & Infrastructure", description: "Discover my passion for building and optimizing computer systems", url: "https://pcserver.com", siteName: "PC & Server Central", type: "website", images: [
|
||||
title: "Creative Coder & Guitarist - Tech & Music", description: "Where technology meets music. Join me on my creative journey.", url: "https://example.com", siteName: "Creative Corner", type: "website", images: [
|
||||
{
|
||||
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/a-professional-portrait-of-a-tech-enthus-1772545157810-a8854352.png", alt: "PC and server hardware"},
|
||||
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/a-professional-portrait-of-a-tech-enthus-1772545157810-a8854352.png", alt: "Creative developer and guitarist"},
|
||||
],
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image", title: "PC & Server Enthusiast", description: "Passionate about hardware, infrastructure, and high-performance systems", images: [
|
||||
card: "summary_large_image", title: "Creative Coder & Guitarist", description: "Exploring technology, music, and creative expression", images: [
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/a-professional-portrait-of-a-tech-enthus-1772545157810-a8854352.png"],
|
||||
},
|
||||
};
|
||||
@@ -38,9 +38,7 @@ export default function RootLayout({
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body
|
||||
className={`${inter.variable} ${manrope.variable} antialiased`}
|
||||
>
|
||||
<body className={`${inter.variable} ${manrope.variable} antialiased`}>
|
||||
<Tag />
|
||||
{children}
|
||||
|
||||
|
||||
201
src/app/page.tsx
201
src/app/page.tsx
@@ -4,12 +4,11 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
|
||||
import SplitAbout from "@/components/sections/about/SplitAbout";
|
||||
import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
|
||||
import ProductCardThree from "@/components/sections/product/ProductCardThree";
|
||||
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
||||
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
|
||||
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
|
||||
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
||||
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
||||
import { Zap, Monitor, Cpu, HardDrive, Gauge, Wrench, Mail, Shield } from "lucide-react";
|
||||
import { Code, Guitar, Zap, Music, Laptop, Headphones, Mail, Sparkles } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -27,12 +26,11 @@ export default function LandingPage() {
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="PC Central"
|
||||
brandName="Creative Corner"
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Builds", id: "builds" },
|
||||
{ name: "Servers", id: "servers" },
|
||||
{ name: "Projects", id: "projects" },
|
||||
{ name: "Tech Stack", id: "tech" },
|
||||
{ name: "Music & Guitar", id: "music" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
/>
|
||||
@@ -40,169 +38,162 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
title="Welcome to My Hardware Universe"
|
||||
description="I'm obsessed with building custom PCs and managing enterprise server infrastructure. From gaming powerhouses to production workstations, discover the rigs that drive my passion."
|
||||
tag="Hardware Enthusiast"
|
||||
tagIcon={Zap}
|
||||
title="Code by Day, Guitar by Night"
|
||||
description="Welcome to my creative corner. I'm a passionate developer exploring the beautiful intersection between technology and music. Here you'll find my journey, projects, and creative expressions."
|
||||
tag="Creative Developer"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
buttons={[
|
||||
{ text: "Explore Builds", href: "builds" },
|
||||
{ text: "Explore My Work", href: "tech" },
|
||||
{ text: "Get In Touch", href: "contact" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/a-professional-portrait-of-a-tech-enthus-1772545157810-a8854352.png", imageAlt: "Custom PC build showcase"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/a-professional-portrait-of-a-tech-enthus-1772545157810-a8854352.png?_wi=1", imageAlt: "Creative developer portrait"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/a-modern-tech-workspace-with-multiple-mo-1772545156636-fb81dd48.png?_wi=1", imageAlt: "Server rack infrastructure"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/an-acoustic-guitar-performer-in-a-small--1772545156492-1dcdb896.png?_wi=1", imageAlt: "Acoustic guitar performance"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/close-up-detail-shot-of-a-beautiful-acou-1772545156387-799b7f7d.png?_wi=1", imageAlt: "High-end GPU and cooling setup"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/a-home-recording-studio-for-acoustic-gui-1772545158747-96eb7a7d.png?_wi=1", imageAlt: "Home recording studio setup"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/a-home-recording-studio-for-acoustic-gui-1772545158747-96eb7a7d.png?_wi=1", imageAlt: "Cable management and lighting"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/an-acoustic-guitar-performer-in-a-small--1772545156492-1dcdb896.png?_wi=1", imageAlt: "Complete PC ecosystem setup"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/a-modern-tech-workspace-with-multiple-mo-1772545156636-fb81dd48.png?_wi=1", imageAlt: "Tech workspace"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
ariaLabel="Hero section showcasing PC and server hardware"
|
||||
ariaLabel="Hero section introducing creative work"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
title="About My Hardware Journey"
|
||||
description="My passion for PC building and server infrastructure started years ago with a curiosity about how computers work. Today, I design and maintain high-performance systems for gaming, content creation, and enterprise workloads. Every component matters—from selecting the perfect CPU to optimizing thermal solutions."
|
||||
tag="My Story"
|
||||
tagIcon={Cpu}
|
||||
title="My Story"
|
||||
description="I'm a developer who believes that great code and great music share something fundamental—rhythm, structure, and creativity. By day, I build web applications and explore new technologies. By night, I express myself through music and guitar. Both sides fuel my passion for creating meaningful experiences."
|
||||
tag="Who I Am"
|
||||
tagIcon={Code}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Custom PC Builder", description: "Designing and assembling high-performance gaming and workstation PCs tailored to specific needs and budgets", icon: Monitor,
|
||||
title: "Web Developer", description: "Building responsive, user-centric applications with modern web technologies", icon: Laptop,
|
||||
},
|
||||
{
|
||||
title: "Server Infrastructure", description: "Managing enterprise server environments, virtualization, storage solutions, and network optimization", icon: HardDrive,
|
||||
title: "Passionate Guitarist", description: "Exploring different genres and techniques, from fingerstyle to electric rock", icon: Guitar,
|
||||
},
|
||||
{
|
||||
title: "Hardware Optimization", description: "Expert in thermal management, cable routing, overclocking, and maximizing system performance", icon: Gauge,
|
||||
title: "Creative Problem Solver", description: "Approaching challenges with a blend of technical skill and artistic thinking", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Continuous Learning", description: "Always staying updated with latest hardware releases, benchmarking, and emerging tech trends", icon: Wrench,
|
||||
title: "Music Enthusiast", description: "Deeply interested in music production, composition, and the science of sound", icon: Music,
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/a-modern-tech-workspace-with-multiple-mo-1772545156636-fb81dd48.png?_wi=2"
|
||||
imageAlt="My hardware workbench and server setup"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/close-up-detail-shot-of-a-beautiful-acou-1772545156387-799b7f7d.png?_wi=2"
|
||||
imageAlt="My creative space"
|
||||
mediaAnimation="slide-up"
|
||||
imagePosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="builds" data-section="builds">
|
||||
<FeatureCardThree
|
||||
title="Featured PC Builds"
|
||||
description="A showcase of my most impressive custom PC builds, each optimized for specific performance goals and aesthetics."
|
||||
tag="Hardware Showcase"
|
||||
<div id="tech" data-section="tech">
|
||||
<FeatureCardTwentyFive
|
||||
title="What I Build"
|
||||
description="A glimpse into my technical projects and the tools I love working with"
|
||||
tag="Technical Stack"
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "01", title: "Ultimate Gaming Rig", description: "Dual GPU setup with high-end processors, custom water cooling loops, and RGB synchronization for maximum performance and visual appeal", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/a-sleek-web-application-interface-design-1772545157877-d9e4b311.png", imageAlt: "Gaming PC with RGB lighting"},
|
||||
title: "Web Applications", description: "Full-stack development with React, Next.js, and modern tooling for responsive user experiences", icon: Code,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/a-sleek-web-application-interface-design-1772545157877-d9e4b311.png?_wi=1", imageAlt: "Web application interface"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/an-e-commerce-or-portfolio-website-desig-1772545156831-fa64b612.png?_wi=1", imageAlt: "Portfolio website design"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "02", title: "Content Creator Workstation", description: "Multi-core processor powerhouse with massive RAM and high-speed storage for 4K video editing, 3D rendering, and streaming", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/a-diverse-tech-team-collaborating-on-a-p-1772545156893-a41e6666.png?_wi=1", imageAlt: "Workstation PC with multiple monitors"},
|
||||
title: "Creative Development", description: "Interactive experiences blending design and functionality to engage users", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/a-creative-music-production-software-or--1772545156868-f41f3418.png?_wi=1", imageAlt: "Creative development showcase"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/a-diverse-tech-team-collaborating-on-a-p-1772545156893-a41e6666.png?_wi=1", imageAlt: "Collaborative development"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "03", title: "Compact Mini ITX Build", description: "High performance in a small form factor—perfect for LAN parties, portability, and space-constrained environments", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/a-creative-music-production-software-or--1772545156868-f41f3418.png?_wi=1", imageAlt: "Compact mini ITX gaming PC"},
|
||||
{
|
||||
id: "04", title: "Silent Office PC", description: "Energy-efficient build with fanless cooling, passive components, and silent operation for professional office environments", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/an-e-commerce-or-portfolio-website-desig-1772545156831-fa64b612.png?_wi=1", imageAlt: "Silent office PC build"},
|
||||
title: "Learning & Experimentation", description: "Constantly exploring new frameworks, languages, and technologies to stay at the forefront", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/a-modern-tech-workspace-with-multiple-mo-1772545156636-fb81dd48.png?_wi=3", imageAlt: "Learning workspace"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/a-professional-portrait-of-a-tech-enthus-1772545157810-a8854352.png?_wi=2", imageAlt: "Tech exploration"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
ariaLabel="Featured PC builds section"
|
||||
ariaLabel="Technical projects and stack"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="servers" data-section="servers">
|
||||
<FeatureCardThree
|
||||
title="Server Infrastructure"
|
||||
description="My expertise in enterprise-grade server solutions, from dedicated hardware to virtualized environments and cloud management."
|
||||
tag="Infrastructure"
|
||||
<div id="music" data-section="music">
|
||||
<FeatureCardTwentyFive
|
||||
title="Music & Guitar"
|
||||
description="My passion for music exploration and how it influences my creative work"
|
||||
tag="Creative Expression"
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "01", title: "Dedicated Server Setup", description: "High-performance bare metal servers optimized for gaming servers, hosting platforms, and compute-intensive workloads", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/close-up-detail-shot-of-a-beautiful-acou-1772545156387-799b7f7d.png?_wi=2", imageAlt: "Dedicated server hardware"},
|
||||
title: "Guitar Practice & Performance", description: "Developing skills across multiple genres—fingerstyle, blues, rock, and experimental techniques", icon: Guitar,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/an-acoustic-guitar-performer-in-a-small--1772545156492-1dcdb896.png?_wi=3", imageAlt: "Acoustic guitar performance"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/close-up-detail-shot-of-a-beautiful-acou-1772545156387-799b7f7d.png?_wi=3", imageAlt: "Guitar close-up detail"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "02", title: "Virtualization Infrastructure", description: "VM management, hypervisors, and containerization for efficient resource utilization and scalability", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/an-acoustic-guitar-performer-in-a-small--1772545156492-1dcdb896.png?_wi=2", imageAlt: "Server virtualization interface"},
|
||||
title: "Music Production", description: "Recording, arranging, and producing original compositions using modern DAWs and software", icon: Music,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/a-home-recording-studio-for-acoustic-gui-1772545158747-96eb7a7d.png?_wi=3", imageAlt: "Home recording studio"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/a-creative-music-production-software-or--1772545156868-f41f3418.png?_wi=3", imageAlt: "Music production setup"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "03", title: "Network & Storage Solutions", description: "NAS, SAN systems, and network infrastructure for high-speed data transfer and reliable backup solutions", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/a-home-recording-studio-for-acoustic-gui-1772545158747-96eb7a7d.png?_wi=2", imageAlt: "Storage and networking equipment"},
|
||||
{
|
||||
id: "04", title: "Security & Monitoring", description: "Comprehensive security protocols, monitoring systems, and redundancy measures for mission-critical operations", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/a-diverse-tech-team-collaborating-on-a-p-1772545156893-a41e6666.png?_wi=2", imageAlt: "Security and monitoring systems"},
|
||||
title: "Creative Inspiration", description: "How music fuels creativity and influences my approach to problem-solving and design", icon: Headphones,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/a-professional-portrait-of-a-music-industr-1772545155742-959156a9.png", imageAlt: "Music inspiration"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/a-sleek-web-application-interface-design-1772545157877-d9e4b311.png?_wi=2", imageAlt: "Creative workspace"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
gridVariant="bento-grid-inverted"
|
||||
animationType="slide-up"
|
||||
ariaLabel="Server infrastructure section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="projects" data-section="projects">
|
||||
<ProductCardThree
|
||||
title="Notable Projects"
|
||||
description="A collection of my most impactful hardware projects and system implementations"
|
||||
tag="Project Portfolio"
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Gaming Server Cluster", price: "Featured Project", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/a-creative-music-production-software-or--1772545156868-f41f3418.png?_wi=2", imageAlt: "Gaming server cluster"},
|
||||
{
|
||||
id: "2", name: "Workstation Configuration", price: "Featured Project", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/an-e-commerce-or-portfolio-website-desig-1772545156831-fa64b612.png?_wi=2", imageAlt: "Professional workstation setup"},
|
||||
{
|
||||
id: "3", name: "Data Center Implementation", price: "Featured Project", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/a-diverse-tech-team-collaborating-on-a-p-1772545156893-a41e6666.png?_wi=3", imageAlt: "Data center infrastructure"},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
carouselMode="buttons"
|
||||
ariaLabel="Project portfolio section"
|
||||
ariaLabel="Music and guitar creative work"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
title="What Others Say"
|
||||
description="Feedback from clients, colleagues, and the community I've worked with"
|
||||
<TestimonialCardTen
|
||||
title="Connections & Collaborations"
|
||||
description="What others say about working with me and the impact of my creative approach"
|
||||
tag="Community"
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Alex Johnson", role: "Gaming Enthusiast", company: "Tech Community", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/professional-headshot-of-a-satisfied-cli-1772545156153-c30db08c.png", imageAlt: "Alex Johnson"},
|
||||
id: "1", title: "A Developer Who Understands Rhythm", quote: "Working with someone who brings both technical excellence and creative thinking is rare. Their projects aren't just functional—they're beautiful.", name: "Alex Johnson", role: "Product Designer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/professional-headshot-of-a-satisfied-cli-1772545156153-c30db08c.png", imageAlt: "Alex Johnson"},
|
||||
{
|
||||
id: "2", name: "Sarah Chen", role: "Systems Administrator", company: "Enterprise Solutions", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/professional-headshot-of-another-collabo-1772545157703-4fa0c1c9.png", imageAlt: "Sarah Chen"},
|
||||
id: "2", title: "Creative Problem Solving", quote: "The blend of technical skills and artistic perspective makes projects feel less like work and more like collaborative art.", name: "Sarah Chen", role: "Creative Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/professional-headshot-of-another-collabo-1772545157703-4fa0c1c9.png", imageAlt: "Sarah Chen"},
|
||||
{
|
||||
id: "3", name: "Michael Torres", role: "Content Creator", company: "Media Studios", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/professional-headshot-of-a-music-industr-1772545155742-959156a9.png", imageAlt: "Michael Torres"},
|
||||
{
|
||||
id: "4", name: "Emma Davis", role: "IT Manager", company: "Tech Enterprises", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/professional-headshot-of-a-fourth-collab-1772545155672-ca8e366e.png", imageAlt: "Emma Davis"},
|
||||
{
|
||||
id: "5", name: "David Kumar", role: "Network Engineer", company: "Infrastructure Labs", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/professional-headshot-of-a-fifth-team-me-1772545157029-ae966e99.png", imageAlt: "David Kumar"},
|
||||
{
|
||||
id: "6", name: "Lisa Wang", role: "Hardware Vendor", company: "Component Specialists", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/professional-headshot-of-a-sixth-collabo-1772545155997-b52b705e.png", imageAlt: "Lisa Wang"},
|
||||
id: "3", title: "Passion Meets Precision", quote: "What stands out is the genuine enthusiasm paired with meticulous attention to detail. Every project reflects both heart and mind.", name: "Michael Torres", role: "Music Producer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARAYHcycoyLEmpoLoZFpUdqzJ8/professional-headshot-of-a-music-industr-1772545155742-959156a9.png", imageAlt: "Michael Torres"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "100+", label: "Systems Built" },
|
||||
{ value: "50+", label: "Infrastructure Projects" },
|
||||
{ value: "1000+", label: "Hours Optimizing" },
|
||||
]}
|
||||
animationType="slide-up"
|
||||
ariaLabel="Testimonials section"
|
||||
/>
|
||||
</div>
|
||||
@@ -210,22 +201,22 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Let's Connect"
|
||||
title="Ready to Discuss Hardware?"
|
||||
description="Whether you need a custom PC build, server infrastructure consultation, or just want to chat about the latest hardware, I'd love to hear from you. Drop me a message!"
|
||||
title="Interested in Collaborating?"
|
||||
description="Whether you want to discuss a project, explore creative ideas, or just chat about music and tech, I'd love to hear from you. Reach out!"
|
||||
tagIcon={Mail}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="your@email.com"
|
||||
buttonText="Send Message"
|
||||
termsText="I'll get back to you within 24 hours. Your information is safe and secure."
|
||||
termsText="I'll get back to you within 24 hours. Your message is important to me."
|
||||
ariaLabel="Contact form section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="PC Central"
|
||||
logoText="Creative Corner"
|
||||
leftLink={{
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
|
||||
Reference in New Issue
Block a user