Merge version_1 into main #1
212
src/app/page.tsx
212
src/app/page.tsx
@@ -33,29 +33,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "#projects",
|
||||
},
|
||||
name: "Projects", id: "#projects"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="3D Dev Portfolio"
|
||||
bottomLeftText="Global Community"
|
||||
@@ -69,9 +57,7 @@ export default function LandingPage() {
|
||||
description="Interactive 3D portfolio showcasing fullstack web development and custom programming solutions. Explore my work in immersive, next-generation design."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore My Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
text: "Explore My Projects", href: "#projects"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/digital-training-innovation-concept-with-futuristic-interface-screens_1134-352.jpg"
|
||||
imageAlt="Abstract 3D digital environment representing web development"
|
||||
@@ -97,24 +83,16 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Box,
|
||||
title: "Interactive 3D Experiences",
|
||||
description: "Crafting immersive 3D web applications and interactive visualizations that engage users on a new level.",
|
||||
},
|
||||
title: "Interactive 3D Experiences", description: "Crafting immersive 3D web applications and interactive visualizations that engage users on a new level."},
|
||||
{
|
||||
icon: Code,
|
||||
title: "Full-Stack Development",
|
||||
description: "Building robust and scalable backend systems paired with cutting-edge front-end interfaces for seamless performance.",
|
||||
},
|
||||
title: "Full-Stack Development", description: "Building robust and scalable backend systems paired with cutting-edge front-end interfaces for seamless performance."},
|
||||
{
|
||||
icon: Globe,
|
||||
title: "Custom Web Solutions",
|
||||
description: "Developing bespoke web platforms and applications tailored to your unique business needs and user demands.",
|
||||
},
|
||||
title: "Custom Web Solutions", description: "Developing bespoke web platforms and applications tailored to your unique business needs and user demands."},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Performance Optimization",
|
||||
description: "Ensuring lightning-fast load times and smooth interactions across all devices and browsers.",
|
||||
},
|
||||
title: "Performance Optimization", description: "Ensuring lightning-fast load times and smooth interactions across all devices and browsers."},
|
||||
]}
|
||||
title="My Core Services"
|
||||
description="Specializing in unique web solutions, I offer a range of services designed to bring your vision to life with interactive and performant technology."
|
||||
@@ -129,47 +107,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "project-1",
|
||||
name: "Interactive Data Dashboard",
|
||||
price: "Web App",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-office-multinational-company-showcases-charts-insight-night-forecast-data-display_482257-136491.jpg",
|
||||
imageAlt: "Interactive 3D Data Dashboard",
|
||||
},
|
||||
id: "project-1", name: "Interactive Data Dashboard", price: "Web App", imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-office-multinational-company-showcases-charts-insight-night-forecast-data-display_482257-136491.jpg", imageAlt: "Interactive 3D Data Dashboard"},
|
||||
{
|
||||
id: "project-2",
|
||||
name: "3D E-commerce Platform",
|
||||
price: "Web App",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/virtual-reality-shopping-experience_23-2151952989.jpg",
|
||||
imageAlt: "3D E-commerce Platform with product viewer",
|
||||
},
|
||||
id: "project-2", name: "3D E-commerce Platform", price: "Web App", imageSrc: "http://img.b2bpic.net/free-photo/virtual-reality-shopping-experience_23-2151952989.jpg", imageAlt: "3D E-commerce Platform with product viewer"},
|
||||
{
|
||||
id: "project-3",
|
||||
name: "Browser-based VR Experience",
|
||||
price: "Web App",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-man-with-virtual-glasses-surprised-expression_1194-2915.jpg",
|
||||
imageAlt: "Virtual reality experience in a web browser",
|
||||
},
|
||||
id: "project-3", name: "Browser-based VR Experience", price: "Web App", imageSrc: "http://img.b2bpic.net/free-photo/blond-man-with-virtual-glasses-surprised-expression_1194-2915.jpg", imageAlt: "Virtual reality experience in a web browser"},
|
||||
{
|
||||
id: "project-4",
|
||||
name: "Real-time Analytics Visualizer",
|
||||
price: "Web App",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884879.jpg",
|
||||
imageAlt: "Real-time analytics dashboard with 3D graphs",
|
||||
},
|
||||
id: "project-4", name: "Real-time Analytics Visualizer", price: "Web App", imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884879.jpg", imageAlt: "Real-time analytics dashboard with 3D graphs"},
|
||||
{
|
||||
id: "project-5",
|
||||
name: "Artist's 3D Portfolio",
|
||||
price: "Website",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345456.jpg",
|
||||
imageAlt: "Portfolio website for a 3D artist",
|
||||
},
|
||||
id: "project-5", name: "Artist's 3D Portfolio", price: "Website", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345456.jpg", imageAlt: "Portfolio website for a 3D artist"},
|
||||
{
|
||||
id: "project-6",
|
||||
name: "Collaborative AR Web App",
|
||||
price: "Web App",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glow-digital-blue-community-enjoying_1134-1373.jpg",
|
||||
imageAlt: "Augmented reality web application",
|
||||
},
|
||||
id: "project-6", name: "Collaborative AR Web App", price: "Web App", imageSrc: "http://img.b2bpic.net/free-photo/glow-digital-blue-community-enjoying_1134-1373.jpg", imageAlt: "Augmented reality web application"},
|
||||
]}
|
||||
title="Featured Projects"
|
||||
description="Discover a selection of my latest interactive web projects, demonstrating a blend of artistic design and technical precision."
|
||||
@@ -180,31 +128,14 @@ export default function LandingPage() {
|
||||
<MetricCardEleven
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "metric-1",
|
||||
value: "95%",
|
||||
title: "Client Satisfaction",
|
||||
description: "Consistently delivering projects that exceed client expectations and foster long-term partnerships.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-hand-adding-removing-rating-star_107791-16382.jpg",
|
||||
imageAlt: "Client satisfaction icon",
|
||||
},
|
||||
id: "metric-1", value: "95%", title: "Client Satisfaction", description: "Consistently delivering projects that exceed client expectations and foster long-term partnerships.", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-hand-adding-removing-rating-star_107791-16382.jpg", imageAlt: "Client satisfaction icon"},
|
||||
{
|
||||
id: "metric-2",
|
||||
value: "50+",
|
||||
title: "Projects Completed",
|
||||
description: "A diverse portfolio of successfully launched web applications and interactive experiences.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/battery-full-sign-left-side-with-white-background_187299-39724.jpg",
|
||||
imageAlt: "Projects completed icon",
|
||||
},
|
||||
id: "metric-2", value: "50+", title: "Projects Completed", description: "A diverse portfolio of successfully launched web applications and interactive experiences.", imageSrc: "http://img.b2bpic.net/free-photo/battery-full-sign-left-side-with-white-background_187299-39724.jpg", imageAlt: "Projects completed icon"},
|
||||
{
|
||||
id: "metric-3",
|
||||
value: "10+",
|
||||
title: "Years of Experience",
|
||||
description: "A decade of expertise in full-stack development, 3D web technologies, and innovative design.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/abstract-lineal-logo-collection_23-2148452109.jpg",
|
||||
imageAlt: "Years of experience icon",
|
||||
},
|
||||
id: "metric-3", value: "10+", title: "Years of Experience", description: "A decade of expertise in full-stack development, 3D web technologies, and innovative design.", imageSrc: "http://img.b2bpic.net/free-vector/abstract-lineal-logo-collection_23-2148452109.jpg", imageAlt: "Years of experience icon"},
|
||||
]}
|
||||
title="Achieving Excellence"
|
||||
description="Quantifiable results that highlight the impact and success of my development work."
|
||||
@@ -216,35 +147,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg",
|
||||
imageAlt: "Sarah Johnson, CEO",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg", imageAlt: "Sarah Johnson, CEO"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bike-shop-with-shop-assistant_23-2148138822.jpg",
|
||||
imageAlt: "Michael Chen, Founder",
|
||||
},
|
||||
id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/bike-shop-with-shop-assistant_23-2148138822.jpg", imageAlt: "Michael Chen, Founder"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-organizing-live-shop_23-2149947439.jpg",
|
||||
imageAlt: "Emily Rodriguez, Marketing Director",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-organizing-live-shop_23-2149947439.jpg", imageAlt: "Emily Rodriguez, Marketing Director"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-freelancer-using-computer-plan-financial-analysis-with-business-charts-statistics-working-online-network-economy-growth-office-employee-planning-growth-strategy-close-up_482257-40931.jpg",
|
||||
imageAlt: "David Kim, Product Manager",
|
||||
},
|
||||
id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/male-freelancer-using-computer-plan-financial-analysis-with-business-charts-statistics-working-online-network-economy-growth-office-employee-planning-growth-strategy-close-up_482257-40931.jpg", imageAlt: "David Kim, Product Manager"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex Lee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-tablet_23-2148718088.jpg",
|
||||
imageAlt: "Alex Lee, Lead UI/UX Designer",
|
||||
},
|
||||
id: "5", name: "Alex Lee", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-tablet_23-2148718088.jpg", imageAlt: "Alex Lee, Lead UI/UX Designer"},
|
||||
]}
|
||||
cardTitle="What Clients Say"
|
||||
cardTag="Trusted by Innovators"
|
||||
@@ -258,20 +169,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "What kind of 3D web experiences do you create?",
|
||||
content: "I specialize in creating interactive product configurators, immersive portfolio showcases, data visualizations, and custom 3D environments, all running smoothly in the browser.",
|
||||
},
|
||||
id: "faq-1", title: "What kind of 3D web experiences do you create?", content: "I specialize in creating interactive product configurators, immersive portfolio showcases, data visualizations, and custom 3D environments, all running smoothly in the browser."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "What is your typical project timeline?",
|
||||
content: "Project timelines vary depending on complexity and scope. A typical project can range from 4-12 weeks, with clear milestones and regular communication throughout.",
|
||||
},
|
||||
id: "faq-2", title: "What is your typical project timeline?", content: "Project timelines vary depending on complexity and scope. A typical project can range from 4-12 weeks, with clear milestones and regular communication throughout."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "How do you handle client communication and feedback?",
|
||||
content: "I prioritize transparent and consistent communication. We'll use a dedicated project management tool, regular video calls, and iterative feedback loops to ensure alignment.",
|
||||
},
|
||||
id: "faq-3", title: "How do you handle client communication and feedback?", content: "I prioritize transparent and consistent communication. We'll use a dedicated project management tool, regular video calls, and iterative feedback loops to ensure alignment."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/corporate-employee-working-overhours-marketing-project_482257-77551.jpg"
|
||||
imageAlt="Professionals discussing around a holographic interface"
|
||||
@@ -286,8 +188,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Get in Touch"
|
||||
title="Let's Build Something Amazing"
|
||||
description="Ready to transform your ideas into an immersive web experience? Contact me today to discuss your project."
|
||||
@@ -306,62 +207,37 @@ export default function LandingPage() {
|
||||
logoText="3D Dev Portfolio"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "3D Experiences",
|
||||
href: "#services",
|
||||
},
|
||||
label: "3D Experiences", href: "#services"},
|
||||
{
|
||||
label: "Full-Stack Dev",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Full-Stack Dev", href: "#services"},
|
||||
{
|
||||
label: "Custom Solutions",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Custom Solutions", href: "#services"},
|
||||
{
|
||||
label: "Optimization",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Optimization", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Projects",
|
||||
items: [
|
||||
title: "Projects", items: [
|
||||
{
|
||||
label: "Data Dashboards",
|
||||
href: "#projects",
|
||||
},
|
||||
label: "Data Dashboards", href: "#projects"},
|
||||
{
|
||||
label: "E-commerce",
|
||||
href: "#projects",
|
||||
},
|
||||
label: "E-commerce", href: "#projects"},
|
||||
{
|
||||
label: "VR/AR Web",
|
||||
href: "#projects",
|
||||
},
|
||||
label: "VR/AR Web", href: "#projects"},
|
||||
{
|
||||
label: "Art Portfolios",
|
||||
href: "#projects",
|
||||
},
|
||||
label: "Art Portfolios", href: "#projects"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user