Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 10eaf9a48d |
242
src/app/page.tsx
242
src/app/page.tsx
@@ -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="I’m 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="I’m 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,9 +234,7 @@ 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>
|
||||||
|
|||||||
Reference in New Issue
Block a user