1 Commits

Author SHA1 Message Date
10eaf9a48d Update src/app/page.tsx 2026-05-21 18:30:01 +00:00

View File

@@ -32,26 +32,16 @@ export default function LandingPage() {
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ {
name: "Services", name: "Services", id: "services"},
id: "services",
},
{ {
name: "Process", name: "Process", id: "process"},
id: "process",
},
{ {
name: "Portfolio", name: "Portfolio", id: "portfolio"},
id: "portfolio",
},
{ {
name: "Pricing", name: "Pricing", id: "pricing"},
id: "pricing",
},
]} ]}
button={{ button={{
text: "Contact", text: "Contact", href: "#contact"}}
href: "#contact",
}}
brandName="Marcos Digital Studio" brandName="Marcos Digital Studio"
/> />
</div> </div>
@@ -59,21 +49,16 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardScroll <HeroBillboardScroll
background={{ background={{
variant: "sparkles-gradient", variant: "sparkles-gradient"}}
}}
title="Modern Websites. Built Fast. Designed to Convert." title="Modern Websites. Built Fast. Designed to Convert."
description="I design and rebuild websites for businesses that want a clean, professional online presence — fast, simple, and stress-free." description="I design and rebuild websites for businesses that want a clean, professional online presence — fast, simple, and stress-free."
buttons={[ buttons={[
{ {
text: "Get a Website", text: "Get a Website", href: "#contact"},
href: "#contact",
},
{ {
text: "View Work", text: "View Work", href: "#portfolio"},
href: "#portfolio",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/business-desk-arrangement-with-items_23-2148128310.jpg" imageSrc="https://img.b2bpic.net/free-photo/view-futuristic-holographic-ui-with-data-graphs_23-2149520999.jpg"
/> />
</div> </div>
@@ -85,19 +70,13 @@ export default function LandingPage() {
description="Im a freelance web designer focused on building clean, modern websites for businesses that need a stronger online presence. My approach is simple: fast communication, clean design, and results-focused work. I keep everything straightforward — no complicated agency process, no delays, just high-quality websites delivered quickly." description="Im a freelance web designer focused on building clean, modern websites for businesses that need a stronger online presence. My approach is simple: fast communication, clean design, and results-focused work. I keep everything straightforward — no complicated agency process, no delays, just high-quality websites delivered quickly."
bulletPoints={[ bulletPoints={[
{ {
title: "Fast Communication", title: "Fast Communication", description: "Responsive and quick answers."},
description: "Responsive and quick answers.",
},
{ {
title: "Modern Designs", title: "Modern Designs", description: "High-converting, clean interfaces."},
description: "High-converting, clean interfaces.",
},
{ {
title: "Simple Process", title: "Simple Process", description: "No stress, just delivery."},
description: "No stress, just delivery.",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/side-view-man-posing-with-sunflowers_23-2149736194.jpg" imageSrc="https://img.b2bpic.net/free-photo/close-up-glowing-computer-screen_23-2148700057.jpg"
mediaAnimation="slide-up" mediaAnimation="slide-up"
/> />
</div> </div>
@@ -109,38 +88,17 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ {
id: "f1", id: "f1", title: "Website Design", author: "Custom Build", description: "Modern, responsive websites built from scratch.", tags: [
title: "Website Design", "New Business", "High Tech"],
author: "Custom Build", imageSrc: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-corporate-leader-reading-daily-news-online_482257-116998.jpg"},
description: "Modern, responsive websites built from scratch.",
tags: [
"New Business",
"High Tech",
],
imageSrc: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-corporate-leader-reading-daily-news-online_482257-116998.jpg",
},
{ {
id: "f2", id: "f2", title: "Website Redesign", author: "Transformation", description: "Transform outdated websites into high-converting sites.", tags: [
title: "Website Redesign", "Redesign", "Conversion"],
author: "Transformation", imageSrc: "http://img.b2bpic.net/free-photo/top-view-nutritional-counter-app_23-2149880598.jpg"},
description: "Transform outdated websites into high-converting sites.",
tags: [
"Redesign",
"Conversion",
],
imageSrc: "http://img.b2bpic.net/free-photo/top-view-nutritional-counter-app_23-2149880598.jpg",
},
{ {
id: "f3", id: "f3", title: "SEO Optimization", author: "Growth", description: "Improve visibility and help customers find you.", tags: [
title: "SEO Optimization", "Visibility", "SEO"],
author: "Growth", imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-ux-elements_23-2149061049.jpg"},
description: "Improve visibility and help customers find you.",
tags: [
"Visibility",
"SEO",
],
imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-ux-elements_23-2149061049.jpg",
},
]} ]}
title="Services" title="Services"
description="Premium web design solutions built for your business growth." description="Premium web design solutions built for your business growth."
@@ -154,20 +112,11 @@ export default function LandingPage() {
tag="How I Work" tag="How I Work"
metrics={[ metrics={[
{ {
id: "m1", id: "m1", value: "01", description: "Contact me with your project goals."},
value: "01",
description: "Contact me with your project goals.",
},
{ {
id: "m2", id: "m2", value: "02", description: "I design a conversion-focused website."},
value: "02",
description: "I design a conversion-focused website.",
},
{ {
id: "m3", id: "m3", value: "03", description: "Launch your new digital home."},
value: "03",
description: "Launch your new digital home.",
},
]} ]}
metricsAnimation="slide-up" metricsAnimation="slide-up"
/> />
@@ -180,38 +129,17 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ {
id: "w1", id: "w1", title: "Fast Turnaround", author: "Efficiency", description: "Fast delivery, no stress.", tags: [
title: "Fast Turnaround", "Speed", "Quick"],
author: "Efficiency", imageSrc: "http://img.b2bpic.net/free-photo/mid-section-unrecognizable-man-taking-picture-work-plan-phone_1098-18712.jpg"},
description: "Fast delivery, no stress.",
tags: [
"Speed",
"Quick",
],
imageSrc: "http://img.b2bpic.net/free-photo/mid-section-unrecognizable-man-taking-picture-work-plan-phone_1098-18712.jpg",
},
{ {
id: "w2", id: "w2", title: "Premium Design", author: "Aesthetics", description: "Looks professional and modern.", tags: [
title: "Premium Design", "Design", "High End"],
author: "Aesthetics", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-coworking-app-template_23-2150249509.jpg"},
description: "Looks professional and modern.",
tags: [
"Design",
"High End",
],
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-coworking-app-template_23-2150249509.jpg",
},
{ {
id: "w3", id: "w3", title: "Simple Pricing", author: "Transparency", description: "One-time payment, no contracts.", tags: [
title: "Simple Pricing", "Pricing", "Clear"],
author: "Transparency", imageSrc: "http://img.b2bpic.net/free-vector/modern-infographic-element-collection_52683-1776.jpg"},
description: "One-time payment, no contracts.",
tags: [
"Pricing",
"Clear",
],
imageSrc: "http://img.b2bpic.net/free-vector/modern-infographic-element-collection_52683-1776.jpg",
},
]} ]}
title="Why Work With Me?" title="Why Work With Me?"
description="You get a website that looks like a premium agency build — without the agency price." description="You get a website that looks like a premium agency build — without the agency price."
@@ -226,47 +154,17 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "p1", id: "p1", name: "Tech Startup Site", price: "Concept", variant: "Minimal", imageSrc: "https://img.b2bpic.net/free-photo/ui-ux-design-template-website-development_23-2149592476.jpg"},
name: "Tech Startup Site",
price: "Concept",
variant: "Minimal",
imageSrc: "http://img.b2bpic.net/free-photo/person-working-relation-innovation_53876-16535.jpg",
},
{ {
id: "p2", id: "p2", name: "Local Gym Site", price: "Concept", variant: "Modern", imageSrc: "https://img.b2bpic.net/free-photo/fitness-app-website-ui-design_23-2149633974.jpg"},
name: "Local Gym Site",
price: "Concept",
variant: "Modern",
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-tablet-mockup-with-cute-sheep_187299-48092.jpg",
},
{ {
id: "p3", id: "p3", name: "Real Estate UI", price: "Concept", variant: "Clean", imageSrc: "https://img.b2bpic.net/free-photo/modern-real-estate-website-interface_23-2149806451.jpg"},
name: "Real Estate UI",
price: "Concept",
variant: "Clean",
imageSrc: "http://img.b2bpic.net/free-photo/digital-banking-transparent-screen_53876-105382.jpg",
},
{ {
id: "p4", id: "p4", name: "Creative Studio", price: "Concept", variant: "Futuristic", imageSrc: "https://img.b2bpic.net/free-photo/creative-studio-portfolio-web-layout_23-2149863489.jpg"},
name: "Creative Studio",
price: "Concept",
variant: "Futuristic",
imageSrc: "http://img.b2bpic.net/free-psd/swimming-lessons-web-templates-with-photo_23-2148466933.jpg",
},
{ {
id: "p5", id: "p5", name: "Restaurant Concept", price: "Concept", variant: "Modern", imageSrc: "https://img.b2bpic.net/free-photo/restaurant-website-interface-design_23-2149725983.jpg"},
name: "Restaurant Concept",
price: "Concept",
variant: "Modern",
imageSrc: "http://img.b2bpic.net/free-vector/furniture-shopping-app-template-pack_23-2148647126.jpg",
},
{ {
id: "p6", id: "p6", name: "SaaS Platform", price: "Concept", variant: "Dark", imageSrc: "https://img.b2bpic.net/free-photo/saas-dashboard-ui-design_23-2149889502.jpg"},
name: "SaaS Platform",
price: "Concept",
variant: "Dark",
imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-kit-collection_23-2149203473.jpg",
},
]} ]}
title="Portfolio" title="Portfolio"
description="Showcasing high-quality concept builds." description="Showcasing high-quality concept builds."
@@ -280,52 +178,28 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
plans={[ plans={[
{ {
id: "starter", id: "starter", name: "Starter", price: "Starts $999", buttons: [
name: "Starter",
price: "Starts $999",
buttons: [
{ {
text: "Contact", text: "Contact", href: "#contact"},
href: "#contact",
},
], ],
features: [ features: [
"One-page site", "One-page site", "Fast delivery", "Responsive design"],
"Fast delivery",
"Responsive design",
],
}, },
{ {
id: "business", id: "business", name: "Business", price: "Starts $1,999", buttons: [
name: "Business",
price: "Starts $1,999",
buttons: [
{ {
text: "Contact", text: "Contact", href: "#contact"},
href: "#contact",
},
], ],
features: [ features: [
"Multi-page site", "Multi-page site", "SEO setup", "Optimized layout"],
"SEO setup",
"Optimized layout",
],
}, },
{ {
id: "premium", id: "premium", name: "Premium", price: "Starts $3,499", buttons: [
name: "Premium",
price: "Starts $3,499",
buttons: [
{ {
text: "Contact", text: "Contact", href: "#contact"},
href: "#contact",
},
], ],
features: [ features: [
"Advanced design", "Advanced design", "Full branding", "Custom animations"],
"Full branding",
"Custom animations",
],
}, },
]} ]}
title="Simple Pricing" title="Simple Pricing"
@@ -340,22 +214,14 @@ export default function LandingPage() {
description="If you need a modern, clean, and professional website, I can build it fast." description="If you need a modern, clean, and professional website, I can build it fast."
inputs={[ inputs={[
{ {
name: "name", name: "name", type: "text", placeholder: "Name", required: true,
type: "text",
placeholder: "Name",
required: true,
}, },
{ {
name: "email", name: "email", type: "email", placeholder: "Email", required: true,
type: "email",
placeholder: "Email",
required: true,
}, },
]} ]}
textarea={{ textarea={{
name: "message", name: "message", placeholder: "Describe your project...", required: true,
placeholder: "Describe your project...",
required: true,
}} }}
imageSrc="http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378904.jpg" imageSrc="http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378904.jpg"
/> />
@@ -368,13 +234,11 @@ export default function LandingPage() {
socialLinks={[ socialLinks={[
{ {
icon: Instagram, icon: Instagram,
href: "https://instagram.com/marcoswebdesigns", href: "https://instagram.com/marcoswebdesigns", ariaLabel: "Instagram"},
ariaLabel: "Instagram",
},
]} ]}
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }