Merge version_1 into main #2
228
src/app/page.tsx
228
src/app/page.tsx
@@ -29,17 +29,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Work",
|
||||
id: "#projects",
|
||||
},
|
||||
name: "Work", id: "projects"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Portfolio"
|
||||
/>
|
||||
@@ -51,70 +45,38 @@ export default function LandingPage() {
|
||||
description="I craft high-performance websites and applications that blend aesthetic precision with robust engineering to drive real growth."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Rivers",
|
||||
handle: "@arivers",
|
||||
testimonial: "An incredible eye for detail and technical depth. Delivered exactly what we envisioned.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg?_wi=1",
|
||||
},
|
||||
name: "Alex Rivers", handle: "@arivers", testimonial: "An incredible eye for detail and technical depth. Delivered exactly what we envisioned.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg"},
|
||||
{
|
||||
name: "Jamie Smith",
|
||||
handle: "@jsmith",
|
||||
testimonial: "The best developer I've worked with. Fast, efficient, and professional.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-girl-black-hat-smiling_176420-8505.jpg?_wi=1",
|
||||
},
|
||||
name: "Jamie Smith", handle: "@jsmith", testimonial: "The best developer I've worked with. Fast, efficient, and professional.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-girl-black-hat-smiling_176420-8505.jpg"},
|
||||
{
|
||||
name: "Sam Taylor",
|
||||
handle: "@staylor",
|
||||
testimonial: "Transformed our digital presence with a stunning new application.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-guy-glasses-holding-tablet-looking_74855-3039.jpg?_wi=1",
|
||||
},
|
||||
name: "Sam Taylor", handle: "@staylor", testimonial: "Transformed our digital presence with a stunning new application.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-guy-glasses-holding-tablet-looking_74855-3039.jpg"},
|
||||
{
|
||||
name: "Jordan P.",
|
||||
handle: "@jp",
|
||||
testimonial: "Reliable, creative, and always on schedule. Highly recommended!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg?_wi=1",
|
||||
},
|
||||
name: "Jordan P.", handle: "@jp", testimonial: "Reliable, creative, and always on schedule. Highly recommended!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg"},
|
||||
{
|
||||
name: "Morgan D.",
|
||||
handle: "@md",
|
||||
testimonial: "Exceptional work on the backend and frontend. A true full-stack partner.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136890.jpg?_wi=1",
|
||||
},
|
||||
name: "Morgan D.", handle: "@md", testimonial: "Exceptional work on the backend and frontend. A true full-stack partner.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136890.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
text: "View Projects", href: "#projects"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/green-pink-abstract-background-with-bubbles_23-2148205322.jpg"
|
||||
imageAlt="Hero background for software developer portfolio"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
|
||||
alt: "Client Alex",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg", alt: "Client Alex"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-girl-black-hat-smiling_176420-8505.jpg",
|
||||
alt: "Client Jamie",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-girl-black-hat-smiling_176420-8505.jpg", alt: "Client Jamie"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-guy-glasses-holding-tablet-looking_74855-3039.jpg",
|
||||
alt: "Client Sam",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-guy-glasses-holding-tablet-looking_74855-3039.jpg", alt: "Client Sam"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg",
|
||||
alt: "Client Jordan",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg", alt: "Client Jordan"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136890.jpg",
|
||||
alt: "Client Morgan",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136890.jpg", alt: "Client Morgan"},
|
||||
]}
|
||||
avatarText="Trusted by 100+ innovative brands"
|
||||
/>
|
||||
@@ -127,38 +89,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Performance First",
|
||||
author: "Strategy",
|
||||
description: "Optimized loading times and high-speed execution for every app.",
|
||||
tags: [
|
||||
"React",
|
||||
"Performance",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-48803.jpg?_wi=1",
|
||||
},
|
||||
id: "f1", title: "Performance First", author: "Strategy", description: "Optimized loading times and high-speed execution for every app.", tags: [
|
||||
"React", "Performance"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-48803.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Scalable Code",
|
||||
author: "Engineering",
|
||||
description: "Architecture designed for massive growth and long-term stability.",
|
||||
tags: [
|
||||
"Scalability",
|
||||
"System Design",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-customizing-avatar-concept_23-2150729044.jpg?_wi=1",
|
||||
},
|
||||
id: "f2", title: "Scalable Code", author: "Engineering", description: "Architecture designed for massive growth and long-term stability.", tags: [
|
||||
"Scalability", "System Design"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-customizing-avatar-concept_23-2150729044.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "UX Driven",
|
||||
author: "Design",
|
||||
description: "Every pixel placed with intention to optimize user conversion and engagement.",
|
||||
tags: [
|
||||
"UI/UX",
|
||||
"User Research",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-application-tablet-placed-kitchen-desk-empty-house-automation-system-turning-l_482257-2747.jpg?_wi=1",
|
||||
},
|
||||
id: "f3", title: "UX Driven", author: "Design", description: "Every pixel placed with intention to optimize user conversion and engagement.", tags: [
|
||||
"UI/UX", "User Research"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-application-tablet-placed-kitchen-desk-empty-house-automation-system-turning-l_482257-2747.jpg"},
|
||||
]}
|
||||
title="My Development Philosophy"
|
||||
description="I believe in clean code, user-centric design, and scalable architecture."
|
||||
@@ -173,59 +114,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "SaaS Platform",
|
||||
name: "Analytics Pro",
|
||||
price: "Live Demo",
|
||||
rating: 5,
|
||||
reviewCount: "120+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-48803.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", brand: "SaaS Platform", name: "Analytics Pro", price: "Live Demo", rating: 5,
|
||||
reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-48803.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Mobile App",
|
||||
name: "Eco-Track",
|
||||
price: "App Store",
|
||||
rating: 5,
|
||||
reviewCount: "85+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-customizing-avatar-concept_23-2150729044.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", brand: "Mobile App", name: "Eco-Track", price: "App Store", rating: 5,
|
||||
reviewCount: "85+", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-customizing-avatar-concept_23-2150729044.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Web Platform",
|
||||
name: "TechCore Portal",
|
||||
price: "Custom Dev",
|
||||
rating: 5,
|
||||
reviewCount: "200+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-application-tablet-placed-kitchen-desk-empty-house-automation-system-turning-l_482257-2747.jpg?_wi=2",
|
||||
},
|
||||
id: "p3", brand: "Web Platform", name: "TechCore Portal", price: "Custom Dev", rating: 5,
|
||||
reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/smart-application-tablet-placed-kitchen-desk-empty-house-automation-system-turning-l_482257-2747.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Agency Tool",
|
||||
name: "Creative Suite",
|
||||
price: "Custom Dev",
|
||||
rating: 5,
|
||||
reviewCount: "45+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-code-running-computer-screens-modern-server-room_482257-114724.jpg",
|
||||
},
|
||||
id: "p4", brand: "Agency Tool", name: "Creative Suite", price: "Custom Dev", rating: 5,
|
||||
reviewCount: "45+", imageSrc: "http://img.b2bpic.net/free-photo/close-up-code-running-computer-screens-modern-server-room_482257-114724.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "E-Commerce",
|
||||
name: "Modern Storefront",
|
||||
price: "Client Project",
|
||||
rating: 5,
|
||||
reviewCount: "300+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994346.jpg",
|
||||
},
|
||||
id: "p5", brand: "E-Commerce", name: "Modern Storefront", price: "Client Project", rating: 5,
|
||||
reviewCount: "300+", imageSrc: "http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994346.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Tech Startup",
|
||||
name: "Visionary Portal",
|
||||
price: "MVP Build",
|
||||
rating: 5,
|
||||
reviewCount: "90+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-uses-phone-app-with-greenscreen_482257-81843.jpg",
|
||||
},
|
||||
id: "p6", brand: "Tech Startup", name: "Visionary Portal", price: "MVP Build", rating: 5,
|
||||
reviewCount: "90+", imageSrc: "http://img.b2bpic.net/free-photo/employee-uses-phone-app-with-greenscreen_482257-81843.jpg"},
|
||||
]}
|
||||
title="Selected Projects"
|
||||
description="A collection of apps and websites I've built for clients and my own creative ventures."
|
||||
@@ -234,49 +139,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "A rare talent. The project exceeded all our KPIs by 30%.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg?_wi=2",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", handle: "@sarahj", testimonial: "A rare talent. The project exceeded all our KPIs by 30%.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "David W.",
|
||||
handle: "@dw",
|
||||
testimonial: "Incredibly fast communication and flawless execution.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-girl-black-hat-smiling_176420-8505.jpg?_wi=2",
|
||||
},
|
||||
id: "t2", name: "David W.", handle: "@dw", testimonial: "Incredibly fast communication and flawless execution.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-girl-black-hat-smiling_176420-8505.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena M.",
|
||||
handle: "@em",
|
||||
testimonial: "Built the scalable architecture we needed to grow our SaaS.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-guy-glasses-holding-tablet-looking_74855-3039.jpg?_wi=2",
|
||||
},
|
||||
id: "t3", name: "Elena M.", handle: "@em", testimonial: "Built the scalable architecture we needed to grow our SaaS.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-guy-glasses-holding-tablet-looking_74855-3039.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Marcus R.",
|
||||
handle: "@mr",
|
||||
testimonial: "My go-to expert for every high-stakes project.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg?_wi=2",
|
||||
},
|
||||
id: "t4", name: "Marcus R.", handle: "@mr", testimonial: "My go-to expert for every high-stakes project.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Julia B.",
|
||||
handle: "@jb",
|
||||
testimonial: "Elegant solutions for complex engineering problems.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136890.jpg?_wi=2",
|
||||
},
|
||||
id: "t5", name: "Julia B.", handle: "@jb", testimonial: "Elegant solutions for complex engineering problems.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136890.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Clients Say"
|
||||
@@ -288,16 +169,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Let's Talk"
|
||||
title="Ready for your next digital project?"
|
||||
description="Let's schedule a consultation to discuss your requirements and how I can help bring your ideas to life."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Me",
|
||||
href: "mailto:hello@example.com",
|
||||
},
|
||||
text: "Contact Me", href: "mailto:hello@example.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user