Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| cfaea09837 | |||
| 4dd684e59f | |||
| 10eaf9a48d |
257
src/app/page.tsx
257
src/app/page.tsx
@@ -32,26 +32,16 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Process",
|
||||
id: "process",
|
||||
},
|
||||
name: "Process", id: "process"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "portfolio"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
]}
|
||||
button={{
|
||||
text: "Contact",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Contact", href: "#contact"}}
|
||||
brandName="Marcos Digital Studio"
|
||||
/>
|
||||
</div>
|
||||
@@ -59,21 +49,29 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
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."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Website",
|
||||
href: "#contact",
|
||||
{
|
||||
text: "Get a Website",
|
||||
href: "#contact",
|
||||
onClick: () => {
|
||||
const el = document.getElementById('contact');
|
||||
el?.scrollIntoView({ behavior: 'smooth' });
|
||||
}
|
||||
},
|
||||
{
|
||||
text: "View Work",
|
||||
href: "#portfolio",
|
||||
{
|
||||
text: "View Work",
|
||||
href: "#portfolio", onClick: () => {
|
||||
const el = document.getElementById('portfolio');
|
||||
el?.scrollIntoView({ behavior: 'smooth' });
|
||||
}
|
||||
},
|
||||
]}
|
||||
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"
|
||||
imageClassName="hover:scale-105 transition-transform duration-700 ease-out"
|
||||
buttonClassName="hover:scale-110 transition-transform duration-300 ease-in-out"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -85,19 +83,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."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Fast Communication",
|
||||
description: "Responsive and quick answers.",
|
||||
},
|
||||
title: "Fast Communication", description: "Responsive and quick answers."},
|
||||
{
|
||||
title: "Modern Designs",
|
||||
description: "High-converting, clean interfaces.",
|
||||
},
|
||||
title: "Modern Designs", description: "High-converting, clean interfaces."},
|
||||
{
|
||||
title: "Simple Process",
|
||||
description: "No stress, just delivery.",
|
||||
},
|
||||
title: "Simple Process", 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"
|
||||
/>
|
||||
</div>
|
||||
@@ -109,38 +101,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Website Design",
|
||||
author: "Custom Build",
|
||||
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: "f1", title: "Website Design", author: "Custom Build", 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",
|
||||
title: "Website Redesign",
|
||||
author: "Transformation",
|
||||
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: "f2", title: "Website Redesign", author: "Transformation", 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",
|
||||
title: "SEO Optimization",
|
||||
author: "Growth",
|
||||
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",
|
||||
},
|
||||
id: "f3", title: "SEO Optimization", author: "Growth", 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"
|
||||
description="Premium web design solutions built for your business growth."
|
||||
@@ -154,20 +125,11 @@ export default function LandingPage() {
|
||||
tag="How I Work"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "01",
|
||||
description: "Contact me with your project goals.",
|
||||
},
|
||||
id: "m1", value: "01", description: "Contact me with your project goals."},
|
||||
{
|
||||
id: "m2",
|
||||
value: "02",
|
||||
description: "I design a conversion-focused website.",
|
||||
},
|
||||
id: "m2", value: "02", description: "I design a conversion-focused website."},
|
||||
{
|
||||
id: "m3",
|
||||
value: "03",
|
||||
description: "Launch your new digital home.",
|
||||
},
|
||||
id: "m3", value: "03", description: "Launch your new digital home."},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -180,38 +142,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "w1",
|
||||
title: "Fast Turnaround",
|
||||
author: "Efficiency",
|
||||
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: "w1", title: "Fast Turnaround", author: "Efficiency", 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",
|
||||
title: "Premium Design",
|
||||
author: "Aesthetics",
|
||||
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: "w2", title: "Premium Design", author: "Aesthetics", 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",
|
||||
title: "Simple Pricing",
|
||||
author: "Transparency",
|
||||
description: "One-time payment, no contracts.",
|
||||
tags: [
|
||||
"Pricing",
|
||||
"Clear",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/modern-infographic-element-collection_52683-1776.jpg",
|
||||
},
|
||||
id: "w3", title: "Simple Pricing", author: "Transparency", 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?"
|
||||
description="You get a website that looks like a premium agency build — without the agency price."
|
||||
@@ -226,47 +167,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Tech Startup Site",
|
||||
price: "Concept",
|
||||
variant: "Minimal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-working-relation-innovation_53876-16535.jpg",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
id: "p2",
|
||||
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: "p2", name: "Local Gym Site", price: "Concept", variant: "Modern", imageSrc: "https://img.b2bpic.net/free-photo/fitness-app-website-ui-design_23-2149633974.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Real Estate UI",
|
||||
price: "Concept",
|
||||
variant: "Clean",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-banking-transparent-screen_53876-105382.jpg",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Creative Studio",
|
||||
price: "Concept",
|
||||
variant: "Futuristic",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/swimming-lessons-web-templates-with-photo_23-2148466933.jpg",
|
||||
},
|
||||
id: "p4", name: "Creative Studio", price: "Concept", variant: "Futuristic", imageSrc: "https://img.b2bpic.net/free-photo/creative-studio-portfolio-web-layout_23-2149863489.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Restaurant Concept",
|
||||
price: "Concept",
|
||||
variant: "Modern",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/furniture-shopping-app-template-pack_23-2148647126.jpg",
|
||||
},
|
||||
id: "p5", name: "Restaurant Concept", price: "Concept", variant: "Modern", imageSrc: "https://img.b2bpic.net/free-photo/restaurant-website-interface-design_23-2149725983.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "SaaS Platform",
|
||||
price: "Concept",
|
||||
variant: "Dark",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-kit-collection_23-2149203473.jpg",
|
||||
},
|
||||
id: "p6", name: "SaaS Platform", price: "Concept", variant: "Dark", imageSrc: "https://img.b2bpic.net/free-photo/saas-dashboard-ui-design_23-2149889502.jpg"},
|
||||
]}
|
||||
title="Portfolio"
|
||||
description="Showcasing high-quality concept builds."
|
||||
@@ -280,52 +191,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
name: "Starter",
|
||||
price: "Starts $999",
|
||||
buttons: [
|
||||
id: "starter", name: "Starter", price: "Starts $999", buttons: [
|
||||
{
|
||||
text: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"One-page site",
|
||||
"Fast delivery",
|
||||
"Responsive design",
|
||||
],
|
||||
"One-page site", "Fast delivery", "Responsive design"],
|
||||
},
|
||||
{
|
||||
id: "business",
|
||||
name: "Business",
|
||||
price: "Starts $1,999",
|
||||
buttons: [
|
||||
id: "business", name: "Business", price: "Starts $1,999", buttons: [
|
||||
{
|
||||
text: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Multi-page site",
|
||||
"SEO setup",
|
||||
"Optimized layout",
|
||||
],
|
||||
"Multi-page site", "SEO setup", "Optimized layout"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
name: "Premium",
|
||||
price: "Starts $3,499",
|
||||
buttons: [
|
||||
id: "premium", name: "Premium", price: "Starts $3,499", buttons: [
|
||||
{
|
||||
text: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Advanced design",
|
||||
"Full branding",
|
||||
"Custom animations",
|
||||
],
|
||||
"Advanced design", "Full branding", "Custom animations"],
|
||||
},
|
||||
]}
|
||||
title="Simple Pricing"
|
||||
@@ -340,22 +227,14 @@ export default function LandingPage() {
|
||||
description="If you need a modern, clean, and professional website, I can build it fast."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Describe your project...",
|
||||
required: true,
|
||||
name: "message", placeholder: "Describe your project...", required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378904.jpg"
|
||||
/>
|
||||
@@ -368,13 +247,11 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/marcoswebdesigns",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "https://instagram.com/marcoswebdesigns", ariaLabel: "Instagram"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user