Merge version_1 into main #1
124
src/app/page.tsx
124
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
name: "Projects", id: "projects"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Portfolio"
|
||||
/>
|
||||
@@ -52,31 +44,20 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Crafting Immersive Digital Experiences"
|
||||
description="I transform complex problems into elegant, 3D-ready digital solutions that push the boundaries of user interaction and visual storytelling."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-digital-art_23-2151197876.jpg",
|
||||
imageAlt: "3d abstract background",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-digital-art_23-2151197876.jpg", imageAlt: "3d abstract background"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brushed-painted-spot-abstract-background_23-2148055477.jpg",
|
||||
imageAlt: "abstract particle flow",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brushed-painted-spot-abstract-background_23-2148055477.jpg", imageAlt: "abstract particle flow"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-concrete-room-with-neon-lights_1048-12984.jpg",
|
||||
imageAlt: "floating crystal neon",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-concrete-room-with-neon-lights_1048-12984.jpg", imageAlt: "floating crystal neon"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/half-whale-half-robot-fantasy-style_23-2151603083.jpg",
|
||||
imageAlt: "Half whale half-robot in fantasy style",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/half-whale-half-robot-fantasy-style_23-2151603083.jpg", imageAlt: "Half whale half-robot in fantasy style"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-style-half-whale-half-robot_23-2151603070.jpg",
|
||||
imageAlt: "Fantasy style half whale half-robot",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-style-half-whale-half-robot_23-2151603070.jpg", imageAlt: "Fantasy style half whale half-robot"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -88,55 +69,30 @@ export default function LandingPage() {
|
||||
title="Passionate about building intuitive software."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Resume",
|
||||
href: "#",
|
||||
},
|
||||
text: "View Resume", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="projects" data-section="projects">
|
||||
<ProductCardThree
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Dashboard UI",
|
||||
price: "View Case",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063043.jpg",
|
||||
},
|
||||
id: "p1", name: "Dashboard UI", price: "View Case", imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063043.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "SaaS Platform",
|
||||
price: "View Case",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/remote-woman-working-modern-house-giving-voice-command-tablet-with-smart-home-application-lights-turning_482257-2265.jpg",
|
||||
},
|
||||
id: "p2", name: "SaaS Platform", price: "View Case", imageSrc: "http://img.b2bpic.net/free-photo/remote-woman-working-modern-house-giving-voice-command-tablet-with-smart-home-application-lights-turning_482257-2265.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "E-Commerce",
|
||||
price: "View Case",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smart-watch_23-2150201853.jpg",
|
||||
},
|
||||
id: "p3", name: "E-Commerce", price: "View Case", imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smart-watch_23-2150201853.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Software Tool",
|
||||
price: "View Case",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-smartphone-mockup-with-dramatic-lighting_9975-134422.jpg",
|
||||
},
|
||||
id: "p4", name: "Software Tool", price: "View Case", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-smartphone-mockup-with-dramatic-lighting_9975-134422.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Web Interface",
|
||||
price: "View Case",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-nutritional-counter-app-composition_23-2149880622.jpg",
|
||||
},
|
||||
id: "p5", name: "Web Interface", price: "View Case", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-nutritional-counter-app-composition_23-2149880622.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Architecture Nodes",
|
||||
price: "View Case",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/purple-delivery-car-delivery-truck-transport-shipping-icon-online-shopping-concept-3d-illustration_56104-2110.jpg",
|
||||
},
|
||||
id: "p6", name: "Architecture Nodes", price: "View Case", imageSrc: "http://img.b2bpic.net/free-photo/purple-delivery-car-delivery-truck-transport-shipping-icon-online-shopping-concept-3d-illustration_56104-2110.jpg"},
|
||||
]}
|
||||
title="Featured Projects"
|
||||
description="A selection of my technical and creative work."
|
||||
@@ -151,20 +107,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50+",
|
||||
description: "Projects Completed",
|
||||
},
|
||||
id: "m1", value: "50+", description: "Projects Completed"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5M+",
|
||||
description: "Users Impacted",
|
||||
},
|
||||
id: "m2", value: "5M+", description: "Users Impacted"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Client Satisfaction",
|
||||
},
|
||||
id: "m3", value: "100%", description: "Client Satisfaction"},
|
||||
]}
|
||||
title="Performance Milestones"
|
||||
description="Driven by data, focused on impact."
|
||||
@@ -175,16 +122,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Let's Talk"
|
||||
title="Ready for your next project?"
|
||||
description="I'm always open to discussing new innovative ideas and collaborations."
|
||||
buttons={[
|
||||
{
|
||||
text: "Send Message",
|
||||
href: "mailto:hello@example.com",
|
||||
},
|
||||
text: "Send Message", href: "mailto:hello@example.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -194,29 +138,19 @@ export default function LandingPage() {
|
||||
logoText="Portfolio"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
label: "Projects", href: "#projects"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
label: "LinkedIn", href: "#"},
|
||||
{
|
||||
label: "GitHub",
|
||||
href: "#",
|
||||
},
|
||||
label: "GitHub", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user