Update src/app/page.tsx
This commit is contained in:
301
src/app/page.tsx
301
src/app/page.tsx
@@ -32,37 +32,21 @@ export default function LandingPage() {
|
|||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "#home"},
|
||||||
id: "#home",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "#about"},
|
||||||
id: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Skills",
|
name: "Skills", id: "#skills"},
|
||||||
id: "#skills",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Projects",
|
name: "Projects", id: "#projects"},
|
||||||
id: "#projects",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Experience",
|
name: "Experience", id: "#experience"},
|
||||||
id: "#experience",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Testimonials",
|
name: "Testimonials", id: "#testimonials"},
|
||||||
id: "#testimonials",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Blog",
|
name: "Blog", id: "#blog"},
|
||||||
id: "#blog",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "#contact"},
|
||||||
id: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
logoSrc="http://img.b2bpic.net/free-vector/elegant-black-f-logo_23-2149480962.jpg"
|
logoSrc="http://img.b2bpic.net/free-vector/elegant-black-f-logo_23-2149480962.jpg"
|
||||||
brandName="My Portfolio"
|
brandName="My Portfolio"
|
||||||
@@ -75,62 +59,32 @@ export default function LandingPage() {
|
|||||||
description="I'm a passionate developer and designer building engaging web applications with a focus on user experience and clean code."
|
description="I'm a passionate developer and designer building engaging web applications with a focus on user experience and clean code."
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
name: "Sarah J.",
|
name: "Sarah J.", handle: "@sarahj", testimonial: "An incredible talent! Consistently delivers high-quality work and innovative solutions.", rating: 5,
|
||||||
handle: "@sarahj",
|
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-man-using-smartphone_23-2150709848.jpg"},
|
||||||
testimonial: "An incredible talent! Consistently delivers high-quality work and innovative solutions.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-man-using-smartphone_23-2150709848.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Michael C.",
|
name: "Michael C.", handle: "@michaelc", testimonial: "Highly recommend! Professional, responsive, and truly understands project goals.", rating: 5,
|
||||||
handle: "@michaelc",
|
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-surprised-expression_1194-3809.jpg"},
|
||||||
testimonial: "Highly recommend! Professional, responsive, and truly understands project goals.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-surprised-expression_1194-3809.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Emily R.",
|
name: "Emily R.", handle: "@emilyr", testimonial: "Exceeded all expectations. A true visionary in web development and design.", rating: 5,
|
||||||
handle: "@emilyr",
|
imageSrc: "http://img.b2bpic.net/free-photo/people-emotions-technology-education-serious-stylish-guy-with-trendy-beard-working-with-his-laptop_176532-9882.jpg"},
|
||||||
testimonial: "Exceeded all expectations. A true visionary in web development and design.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/people-emotions-technology-education-serious-stylish-guy-with-trendy-beard-working-with-his-laptop_176532-9882.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "David K.",
|
name: "David K.", handle: "@davidk", testimonial: "Exceptional vision and execution. A pleasure to work with from start to finish.", rating: 5,
|
||||||
handle: "@davidk",
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-lawyer-portrait_23-2151202434.jpg"},
|
||||||
testimonial: "Exceptional vision and execution. A pleasure to work with from start to finish.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-lawyer-portrait_23-2151202434.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Jessica L.",
|
name: "Jessica L.", handle: "@jessical", testimonial: "Delivers innovative solutions that truly stand out. Highly skilled and reliable.", rating: 5,
|
||||||
handle: "@jessical",
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
|
||||||
testimonial: "Delivers innovative solutions that truly stand out. Highly skilled and reliable.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/front-view-lawyer-portrait_23-2151202434.jpg",
|
src: "http://img.b2bpic.net/free-photo/front-view-lawyer-portrait_23-2151202434.jpg", alt: "Sarah J."},
|
||||||
alt: "Sarah J.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Michael C."},
|
||||||
alt: "Michael C.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/industrial-designer-working-3d-model_23-2149370119.jpg",
|
src: "http://img.b2bpic.net/free-photo/industrial-designer-working-3d-model_23-2149370119.jpg", alt: "Emily R."},
|
||||||
alt: "Emily R.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/young-hispanic-man-standing-brick-wall-background-looking-sleepy-tired-exhausted-fatigue-hangover-lazy-eyes-morning_839833-16515.jpg",
|
src: "http://img.b2bpic.net/free-photo/young-hispanic-man-standing-brick-wall-background-looking-sleepy-tired-exhausted-fatigue-hangover-lazy-eyes-morning_839833-16515.jpg", alt: "David K."},
|
||||||
alt: "David K.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/view-3d-man-using-smartphone_23-2150709848.jpg",
|
src: "http://img.b2bpic.net/free-photo/view-3d-man-using-smartphone_23-2150709848.jpg", alt: "Jessica L."},
|
||||||
alt: "Jessica L.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="Trusted by leading startups"
|
avatarText="Trusted by leading startups"
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-modern-home-office_1048-17374.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/3d-render-modern-home-office_1048-17374.jpg"
|
||||||
@@ -144,7 +98,6 @@ export default function LandingPage() {
|
|||||||
<TextAbout
|
<TextAbout
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
title="About Me: Crafting Innovative Web Experiences"
|
title="About Me: Crafting Innovative Web Experiences"
|
||||||
description="With a solid background in full-stack development and a keen eye for design, I specialize in bringing ideas to life through robust and intuitive web solutions. My journey is driven by a passion for continuous learning and delivering high-quality digital products. I combine technical expertise with creative problem-solving to build user-centric and scalable applications."
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -155,29 +108,13 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Full-Stack Web Development",
|
title: "Full-Stack Web Development", description: "Building robust and scalable web applications using modern frameworks and technologies for both front-end and back-end.", imageSrc: "http://img.b2bpic.net/free-photo/isolated-screen-tablet-front-it-support-workers-coding-computers_482257-124151.jpg", imageAlt: "Code editor showing web development code"},
|
||||||
description: "Building robust and scalable web applications using modern frameworks and technologies for both front-end and back-end.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/isolated-screen-tablet-front-it-support-workers-coding-computers_482257-124151.jpg",
|
|
||||||
imageAlt: "Code editor showing web development code",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "UI/UX Design & Prototyping",
|
title: "UI/UX Design & Prototyping", description: "Crafting intuitive and engaging user interfaces, ensuring a seamless and delightful user experience with detailed prototypes.", imageSrc: "http://img.b2bpic.net/free-photo/product-design-drawing-website-graphic_53876-120423.jpg", imageAlt: "UI/UX design wireframe on a tablet"},
|
||||||
description: "Crafting intuitive and engaging user interfaces, ensuring a seamless and delightful user experience with detailed prototypes.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/product-design-drawing-website-graphic_53876-120423.jpg",
|
|
||||||
imageAlt: "UI/UX design wireframe on a tablet",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Backend Systems & APIs",
|
title: "Backend Systems & APIs", description: "Designing and implementing efficient server-side logic, databases, and secure APIs to power dynamic web applications.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-factory-illuminates-modern-blue-metal-machinery-generated-by-ai_188544-26728.jpg", imageAlt: "Server racks in a data center"},
|
||||||
description: "Designing and implementing efficient server-side logic, databases, and secure APIs to power dynamic web applications.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-factory-illuminates-modern-blue-metal-machinery-generated-by-ai_188544-26728.jpg",
|
|
||||||
imageAlt: "Server racks in a data center",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Cloud Deployment & DevOps",
|
title: "Cloud Deployment & DevOps", description: "Deploying and managing applications on cloud platforms, implementing CI/CD pipelines for continuous integration and delivery.", imageSrc: "http://img.b2bpic.net/free-photo/big-data-ai-learning-concept-server-center-3d-render_482257-27721.jpg", imageAlt: "Abstract representation of cloud computing"},
|
||||||
description: "Deploying and managing applications on cloud platforms, implementing CI/CD pipelines for continuous integration and delivery.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/big-data-ai-learning-concept-server-center-3d-render_482257-27721.jpg",
|
|
||||||
imageAlt: "Abstract representation of cloud computing",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="My Expertise & Services"
|
title="My Expertise & Services"
|
||||||
description="Leveraging a diverse skill set to deliver comprehensive digital solutions, from concept to deployment."
|
description="Leveraging a diverse skill set to deliver comprehensive digital solutions, from concept to deployment."
|
||||||
@@ -193,53 +130,23 @@ export default function LandingPage() {
|
|||||||
carouselMode="buttons"
|
carouselMode="buttons"
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1", name: "E-commerce Platform", price: "Web Development", rating: 5,
|
||||||
name: "E-commerce Platform",
|
imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-shipping-internet-commerce-concept_53876-124434.jpg", imageAlt: "E-commerce website interface"},
|
||||||
price: "Web Development",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-shipping-internet-commerce-concept_53876-124434.jpg",
|
|
||||||
imageAlt: "E-commerce website interface",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p2",
|
id: "p2", name: "Data Dashboard", price: "Data Visualization", rating: 5,
|
||||||
name: "Data Dashboard",
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg", imageAlt: "Analytics dashboard with charts"},
|
||||||
price: "Data Visualization",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg",
|
|
||||||
imageAlt: "Analytics dashboard with charts",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p3",
|
id: "p3", name: "Task Manager App", price: "UI/UX Design", rating: 4,
|
||||||
name: "Task Manager App",
|
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-woman-touching-digital-tablet-screen-table_23-2147847547.jpg", imageAlt: "Task management application interface"},
|
||||||
price: "UI/UX Design",
|
|
||||||
rating: 4,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-woman-touching-digital-tablet-screen-table_23-2147847547.jpg",
|
|
||||||
imageAlt: "Task management application interface",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p4",
|
id: "p4", name: "Community Network", price: "Social Platform", rating: 5,
|
||||||
name: "Community Network",
|
imageSrc: "http://img.b2bpic.net/free-photo/processor-chip-with-app-icons-front-woman-using-cellphone_23-2147844512.jpg", imageAlt: "Social media platform profile"},
|
||||||
price: "Social Platform",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/processor-chip-with-app-icons-front-woman-using-cellphone_23-2147844512.jpg",
|
|
||||||
imageAlt: "Social media platform profile",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p5",
|
id: "p5", name: "Art Portfolio Site", price: "Custom Design", rating: 5,
|
||||||
name: "Art Portfolio Site",
|
imageSrc: "http://img.b2bpic.net/free-photo/online-ticket-booking_53876-65475.jpg", imageAlt: "Digital art portfolio website"},
|
||||||
price: "Custom Design",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/online-ticket-booking_53876-65475.jpg",
|
|
||||||
imageAlt: "Digital art portfolio website",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p6",
|
id: "p6", name: "Booking System", price: "Full-Stack Development", rating: 4,
|
||||||
name: "Booking System",
|
imageSrc: "http://img.b2bpic.net/free-photo/empty-home-setup-desk-filled-with-documents-financial-reports_482257-100068.jpg", imageAlt: "Online booking system calendar"},
|
||||||
price: "Full-Stack Development",
|
|
||||||
rating: 4,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-home-setup-desk-filled-with-documents-financial-reports_482257-100068.jpg",
|
|
||||||
imageAlt: "Online booking system calendar",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Selected Portfolio Projects"
|
title="Selected Portfolio Projects"
|
||||||
description="Showcasing a range of my work, from dynamic web applications to intricate design systems, each project reflects a commitment to quality and innovation."
|
description="Showcasing a range of my work, from dynamic web applications to intricate design systems, each project reflects a commitment to quality and innovation."
|
||||||
@@ -255,29 +162,11 @@ export default function LandingPage() {
|
|||||||
carouselMode="buttons"
|
carouselMode="buttons"
|
||||||
members={[
|
members={[
|
||||||
{
|
{
|
||||||
id: "t1",
|
id: "t1", name: "Software Developer", role: "Tech Solutions Inc. (2020-Present)", description: "Led the development of key modules for a SaaS product, improving performance by 25% and expanding feature sets.", imageSrc: "http://img.b2bpic.net/free-photo/successful-young-businessman-looking-computer-screen-working-modern-startup-office_181624-33450.jpg", imageAlt: "Developer coding on a laptop"},
|
||||||
name: "Software Developer",
|
|
||||||
role: "Tech Solutions Inc. (2020-Present)",
|
|
||||||
description: "Led the development of key modules for a SaaS product, improving performance by 25% and expanding feature sets.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-businessman-looking-computer-screen-working-modern-startup-office_181624-33450.jpg",
|
|
||||||
imageAlt: "Developer coding on a laptop",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t2",
|
id: "t2", name: "Lead Web Designer", role: "Creative Agency XYZ (2018-2020)", description: "Designed and implemented responsive websites for various clients, focusing on user-centered design and modern aesthetics.", imageSrc: "http://img.b2bpic.net/free-photo/concentrated-red-haired-businesswoman-writing-sticker-with-marker_74855-9740.jpg", imageAlt: "Designer collaborating on a whiteboard"},
|
||||||
name: "Lead Web Designer",
|
|
||||||
role: "Creative Agency XYZ (2018-2020)",
|
|
||||||
description: "Designed and implemented responsive websites for various clients, focusing on user-centered design and modern aesthetics.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-red-haired-businesswoman-writing-sticker-with-marker_74855-9740.jpg",
|
|
||||||
imageAlt: "Designer collaborating on a whiteboard",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t3",
|
id: "t3", name: "Freelance Consultant", role: "Self-Employed (2017-Present)", description: "Provided expert consultation and development services for startups and small businesses, from concept to launch.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-style-bearded-man-working-online-freelancer-laptop-with-backpack-bicycle-active-lifestyle-traveler-backpacker_285396-5478.jpg", imageAlt: "Freelancer working remotely"},
|
||||||
name: "Freelance Consultant",
|
|
||||||
role: "Self-Employed (2017-Present)",
|
|
||||||
description: "Provided expert consultation and development services for startups and small businesses, from concept to launch.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-style-bearded-man-working-online-freelancer-laptop-with-backpack-bicycle-active-lifestyle-traveler-backpacker_285396-5478.jpg",
|
|
||||||
imageAlt: "Freelancer working remotely",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="My Professional Journey"
|
title="My Professional Journey"
|
||||||
description="Over the years, I've honed my skills through diverse roles and projects, collaborating with talented teams to build impactful digital products."
|
description="Over the years, I've honed my skills through diverse roles and projects, collaborating with talented teams to build impactful digital products."
|
||||||
@@ -291,64 +180,28 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "t1",
|
id: "t1", name: "Alex Johnson", role: "CEO", company: "GrowthForge", rating: 5,
|
||||||
name: "Alex Johnson",
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-pleased-africanamerican-girl-wearing-white-tshirt-showing-okay-signs-praise_1258-179342.jpg", imageAlt: "Alex Johnson"},
|
||||||
role: "CEO",
|
|
||||||
company: "GrowthForge",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-pleased-africanamerican-girl-wearing-white-tshirt-showing-okay-signs-praise_1258-179342.jpg",
|
|
||||||
imageAlt: "Alex Johnson",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t2",
|
id: "t2", name: "Maria Rodriguez", role: "CTO", company: "InnovateStream", rating: 5,
|
||||||
name: "Maria Rodriguez",
|
imageSrc: "http://img.b2bpic.net/free-photo/young-male-architect-working-blueprint_23-2147839863.jpg", imageAlt: "Maria Rodriguez"},
|
||||||
role: "CTO",
|
|
||||||
company: "InnovateStream",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-architect-working-blueprint_23-2147839863.jpg",
|
|
||||||
imageAlt: "Maria Rodriguez",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t3",
|
id: "t3", name: "David Lee", role: "Marketing Lead", company: "BrandBoost", rating: 5,
|
||||||
name: "David Lee",
|
imageSrc: "http://img.b2bpic.net/free-photo/young-man-white-t-shirt-jacket-gray-cap-holding-cap-hand-stretching-hand-as-inviting-someone-looking-happy-front-view_176474-84302.jpg", imageAlt: "David Lee"},
|
||||||
role: "Marketing Lead",
|
|
||||||
company: "BrandBoost",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-white-t-shirt-jacket-gray-cap-holding-cap-hand-stretching-hand-as-inviting-someone-looking-happy-front-view_176474-84302.jpg",
|
|
||||||
imageAlt: "David Lee",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t4",
|
id: "t4", name: "Sophia Chen", role: "Product Manager", company: "ZenithTech", rating: 5,
|
||||||
name: "Sophia Chen",
|
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3650.jpg", imageAlt: "Sophia Chen"},
|
||||||
role: "Product Manager",
|
|
||||||
company: "ZenithTech",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3650.jpg",
|
|
||||||
imageAlt: "Sophia Chen",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t5",
|
id: "t5", name: "Daniel Kim", role: "Founder", company: "StartupX", rating: 5,
|
||||||
name: "Daniel Kim",
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-waiter-with-arms-crossed-standing-open-sign-cafe-s-entrance-looking-camera_637285-6582.jpg", imageAlt: "Daniel Kim"},
|
||||||
role: "Founder",
|
|
||||||
company: "StartupX",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-waiter-with-arms-crossed-standing-open-sign-cafe-s-entrance-looking-camera_637285-6582.jpg",
|
|
||||||
imageAlt: "Daniel Kim",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
kpiItems={[
|
kpiItems={[
|
||||||
{
|
{
|
||||||
value: "5+",
|
value: "5+", label: "Years Experience"},
|
||||||
label: "Years Experience",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "15+",
|
value: "15+", label: "Projects Completed"},
|
||||||
label: "Projects Completed",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "95%",
|
value: "95%", label: "Client Satisfaction"},
|
||||||
label: "Client Satisfaction",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="What My Clients Say"
|
title="What My Clients Say"
|
||||||
description="Hear directly from those I've worked with about the value I bring to every project and collaboration."
|
description="Hear directly from those I've worked with about the value I bring to every project and collaboration."
|
||||||
@@ -364,38 +217,11 @@ export default function LandingPage() {
|
|||||||
description="Exploring new technologies, design patterns, and industry trends through my recent blog posts and thoughts."
|
description="Exploring new technologies, design patterns, and industry trends through my recent blog posts and thoughts."
|
||||||
blogs={[
|
blogs={[
|
||||||
{
|
{
|
||||||
id: "b1",
|
id: "b1", category: "Development", title: "Mastering Responsive Design with Tailwind CSS", excerpt: "A deep dive into building flexible and stunning interfaces that adapt seamlessly to any screen size.", imageSrc: "http://img.b2bpic.net/free-photo/illustration-rain-futuristic-city_23-2151406607.jpg", imageAlt: "Laptop with Tailwind CSS code", authorName: "Self", authorAvatar: "http://img.b2bpic.net/free-photo/smiling-entrepreneur-posing-camera_1262-3636.jpg", date: "July 15, 2024"},
|
||||||
category: "Development",
|
|
||||||
title: "Mastering Responsive Design with Tailwind CSS",
|
|
||||||
excerpt: "A deep dive into building flexible and stunning interfaces that adapt seamlessly to any screen size.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/illustration-rain-futuristic-city_23-2151406607.jpg",
|
|
||||||
imageAlt: "Laptop with Tailwind CSS code",
|
|
||||||
authorName: "Self",
|
|
||||||
authorAvatar: "http://img.b2bpic.net/free-photo/smiling-entrepreneur-posing-camera_1262-3636.jpg",
|
|
||||||
date: "July 15, 2024",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "b2",
|
id: "b2", category: "Design", title: "The Art of User-Centric UI/UX Prototyping", excerpt: "Discover effective strategies for creating engaging user experiences through iterative prototyping.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-with-innovation-elements_23-2148909029.jpg", imageAlt: "Sketch of UI/UX wireframes", authorName: "Self", authorAvatar: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-holding-hand-his-chest-looking-camera-with-smile-face-standing-white-background_141793-54049.jpg", date: "June 28, 2024"},
|
||||||
category: "Design",
|
|
||||||
title: "The Art of User-Centric UI/UX Prototyping",
|
|
||||||
excerpt: "Discover effective strategies for creating engaging user experiences through iterative prototyping.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-with-innovation-elements_23-2148909029.jpg",
|
|
||||||
imageAlt: "Sketch of UI/UX wireframes",
|
|
||||||
authorName: "Self",
|
|
||||||
authorAvatar: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-holding-hand-his-chest-looking-camera-with-smile-face-standing-white-background_141793-54049.jpg",
|
|
||||||
date: "June 28, 2024",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "b3",
|
id: "b3", category: "Innovation", title: "Leveraging AI in Modern Web Development Workflows", excerpt: "Exploring how artificial intelligence tools can enhance efficiency and creativity in web development projects.", imageSrc: "http://img.b2bpic.net/free-photo/computer-screen-with-accessbility-word-graphic-popup_53876-124341.jpg", imageAlt: "Abstract AI code on screen", authorName: "Self", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-bearded-man-sitting-front-laptop-workplace_23-2148187164.jpg", date: "June 10, 2024"},
|
||||||
category: "Innovation",
|
|
||||||
title: "Leveraging AI in Modern Web Development Workflows",
|
|
||||||
excerpt: "Exploring how artificial intelligence tools can enhance efficiency and creativity in web development projects.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-screen-with-accessbility-word-graphic-popup_53876-124341.jpg",
|
|
||||||
imageAlt: "Abstract AI code on screen",
|
|
||||||
authorName: "Self",
|
|
||||||
authorAvatar: "http://img.b2bpic.net/free-photo/portrait-bearded-man-sitting-front-laptop-workplace_23-2148187164.jpg",
|
|
||||||
date: "June 10, 2024",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -404,8 +230,7 @@ export default function LandingPage() {
|
|||||||
<ContactCenter
|
<ContactCenter
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{
|
||||||
variant: "radial-gradient",
|
variant: "radial-gradient"}}
|
||||||
}}
|
|
||||||
tag="Get In Touch"
|
tag="Get In Touch"
|
||||||
title="Let's Build Something Amazing Together"
|
title="Let's Build Something Amazing Together"
|
||||||
description="I'm always open to new opportunities and collaborations. Feel free to reach out to discuss your project or just say hello!"
|
description="I'm always open to new opportunities and collaborations. Feel free to reach out to discuss your project or just say hello!"
|
||||||
@@ -419,13 +244,9 @@ export default function LandingPage() {
|
|||||||
<FooterLogoReveal
|
<FooterLogoReveal
|
||||||
logoText="My Portfolio"
|
logoText="My Portfolio"
|
||||||
leftLink={{
|
leftLink={{
|
||||||
text: "Privacy Policy",
|
text: "Privacy Policy", href: "#"}}
|
||||||
href: "#",
|
|
||||||
}}
|
|
||||||
rightLink={{
|
rightLink={{
|
||||||
text: "Terms of Service",
|
text: "Terms of Service", href: "#"}}
|
||||||
href: "#",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
Reference in New Issue
Block a user