Merge version_2 into main #1
155
src/app/page.tsx
155
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "experience",
|
||||
},
|
||||
name: "Experience", id: "experience"},
|
||||
{
|
||||
name: "Skills",
|
||||
id: "skills",
|
||||
},
|
||||
name: "Skills", id: "skills"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="PROVER"
|
||||
/>
|
||||
@@ -55,10 +47,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Hi, I'm PROVER."
|
||||
description="Creative developer building digital experiences that stand out. Passionate about design, code, and everything in between."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get in Touch", href: "#contact"
|
||||
}
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CTRziCiPlbT9JdoJmVicONq7M9/uploaded-1776407941652-0yflv4m7.png"
|
||||
imageAlt="User Profile Picture"
|
||||
/>
|
||||
@@ -84,23 +80,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Senior Developer",
|
||||
description: "Led teams and built scalable solutions for various clients.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705918.jpg",
|
||||
imageAlt: "professional headshot creative developer",
|
||||
},
|
||||
title: "Senior Developer", description: "Led teams and built scalable solutions for various clients.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705918.jpg", imageAlt: "professional headshot creative developer"},
|
||||
{
|
||||
title: "Creative Lead",
|
||||
description: "Focused on UI/UX, branding, and digital strategy for startups.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780763.jpg",
|
||||
imageAlt: "professional headshot creative developer",
|
||||
},
|
||||
title: "Creative Lead", description: "Focused on UI/UX, branding, and digital strategy for startups.", imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780763.jpg", imageAlt: "professional headshot creative developer"},
|
||||
{
|
||||
title: "Freelance Designer",
|
||||
description: "Worked with global brands to create impactful digital assets.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-apartment-with-spacious-home-office-wooden-furniture_482257-126432.jpg",
|
||||
imageAlt: "professional headshot creative developer",
|
||||
},
|
||||
title: "Freelance Designer", description: "Worked with global brands to create impactful digital assets.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-apartment-with-spacious-home-office-wooden-furniture_482257-126432.jpg", imageAlt: "professional headshot creative developer"},
|
||||
]}
|
||||
title="Work History"
|
||||
description="A brief overview of my professional path."
|
||||
@@ -114,23 +98,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "s1",
|
||||
icon: Code,
|
||||
title: "Frontend",
|
||||
value: "95%",
|
||||
},
|
||||
id: "s1", icon: Code,
|
||||
title: "Frontend", value: "95%"},
|
||||
{
|
||||
id: "s2",
|
||||
icon: Palette,
|
||||
title: "Design",
|
||||
value: "90%",
|
||||
},
|
||||
id: "s2", icon: Palette,
|
||||
title: "Design", value: "90%"},
|
||||
{
|
||||
id: "s3",
|
||||
icon: Zap,
|
||||
title: "Innovation",
|
||||
value: "98%",
|
||||
},
|
||||
id: "s3", icon: Zap,
|
||||
title: "Innovation", value: "98%"},
|
||||
]}
|
||||
title="My Skills"
|
||||
description="Technical and creative competencies that define my work."
|
||||
@@ -144,45 +119,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Smith",
|
||||
handle: "@alexs",
|
||||
testimonial: "Exceptional work, delivered on time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/proud-businessmen-office_1098-234.jpg",
|
||||
},
|
||||
id: "t1", name: "Alex Smith", handle: "@alexs", testimonial: "Exceptional work, delivered on time.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/proud-businessmen-office_1098-234.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jamie Doe",
|
||||
handle: "@jamied",
|
||||
testimonial: "Very creative and reliable developer.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-manufacturing-factory-specialist-explains-production-process_482257-118103.jpg",
|
||||
},
|
||||
id: "t2", name: "Jamie Doe", handle: "@jamied", testimonial: "Very creative and reliable developer.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-manufacturing-factory-specialist-explains-production-process_482257-118103.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sam Wilson",
|
||||
handle: "@samw",
|
||||
testimonial: "A joy to collaborate with.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-woman-makes-frame-gesture-captures-moment-takes-measurement-pictures-something-smiles-happily-wears-casual-turtleneck-leather-jacket-being-good-mood-isolated-red-background_273609-61416.jpg",
|
||||
},
|
||||
id: "t3", name: "Sam Wilson", handle: "@samw", testimonial: "A joy to collaborate with.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-woman-makes-frame-gesture-captures-moment-takes-measurement-pictures-something-smiles-happily-wears-casual-turtleneck-leather-jacket-being-good-mood-isolated-red-background_273609-61416.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Taylor Ray",
|
||||
handle: "@tayr",
|
||||
testimonial: "Highly recommended for design projects.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
|
||||
},
|
||||
id: "t4", name: "Taylor Ray", handle: "@tayr", testimonial: "Highly recommended for design projects.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jordan P",
|
||||
handle: "@jord",
|
||||
testimonial: "Professional and super fast.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-caucasian-happy-teacher-glasses_74855-9736.jpg",
|
||||
},
|
||||
id: "t5", name: "Jordan P", handle: "@jord", testimonial: "Professional and super fast.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-caucasian-happy-teacher-glasses_74855-9736.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Kind Words"
|
||||
@@ -196,20 +146,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Available for work?",
|
||||
content: "Yes, I am always open to new projects.",
|
||||
},
|
||||
id: "f1", title: "Available for work?", content: "Yes, I am always open to new projects."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Where are you based?",
|
||||
content: "I work remotely from anywhere.",
|
||||
},
|
||||
id: "f2", title: "Where are you based?", content: "I work remotely from anywhere."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What is your stack?",
|
||||
content: "Next.js, Tailwind, and React.",
|
||||
},
|
||||
id: "f3", title: "What is your stack?", content: "Next.js, Tailwind, and React."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Quick answers to things people ask."
|
||||
@@ -224,22 +165,14 @@ export default function LandingPage() {
|
||||
description="Drop me a message and let's build something cool."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your message",
|
||||
required: true,
|
||||
name: "message", placeholder: "Your message", required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-photographer-using-touch-screen-computer_482257-19488.jpg"
|
||||
imageAlt="creative workspace collaboration office"
|
||||
@@ -251,25 +184,17 @@ export default function LandingPage() {
|
||||
logoText="PROVER"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
title: "Navigate", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Skills",
|
||||
href: "#skills",
|
||||
},
|
||||
label: "Skills", href: "#skills"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user