Merge version_1 into main #2
234
src/app/page.tsx
234
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Work",
|
||||
id: "work",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Work", id: "work" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Nicola Lanci"
|
||||
/>
|
||||
@@ -59,11 +47,9 @@ export default function LandingPage() {
|
||||
description="Design that drives strategy and results. Creative direction, brand identity, and digital design for ambitious companies."
|
||||
buttons={[
|
||||
{
|
||||
text: "View My Work",
|
||||
href: "#work",
|
||||
},
|
||||
text: "View My Work", href: "#work"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-cups-with-plastic-lids-coffee-go-use-recycled-materials-zero-waste-minimalist-takeaway-coffee-idea-black_166373-2302.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-cups-with-plastic-lids-coffee-go-use-recycled-materials-zero-waste-minimalist-takeaway-coffee-idea-black_166373-2302.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -72,7 +58,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Strategy Meets Creativity"
|
||||
description="I believe that exceptional design is more than aesthetics; it's a strategic tool. As a freelance creative director, I partner with companies to build meaningful brands and digital experiences that resonate and deliver measurable business outcomes."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-messy-office-workspace-with-personal-computer_23-2150282075.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-messy-office-workspace-with-personal-computer_23-2150282075.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -84,41 +70,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Brand Identity Redesign",
|
||||
price: "Strategic Audit",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multiple-lightbulb-designs_53876-16171.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Brand Identity Redesign", price: "Strategic Audit", imageSrc: "http://img.b2bpic.net/free-photo/multiple-lightbulb-designs_53876-16171.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Digital SaaS Platform",
|
||||
price: "Product Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg",
|
||||
},
|
||||
id: "2", name: "Digital SaaS Platform", price: "Product Design", imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Editorial Design System",
|
||||
price: "Art Direction",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-display-mockup-white-background_9975-134379.jpg",
|
||||
},
|
||||
id: "3", name: "Editorial Design System", price: "Art Direction", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-display-mockup-white-background_9975-134379.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mobile Experience",
|
||||
price: "UX UI Strategy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443497.jpg",
|
||||
},
|
||||
id: "4", name: "Mobile Experience", price: "UX UI Strategy", imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443497.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Corporate Identity",
|
||||
price: "Branding",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-stationery-concept-with-tablet-brochure_23-2147725127.jpg",
|
||||
},
|
||||
id: "5", name: "Corporate Identity", price: "Branding", imageSrc: "http://img.b2bpic.net/free-photo/blank-stationery-concept-with-tablet-brochure_23-2147725127.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Campaign Visuals",
|
||||
price: "Campaign Direction",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418517.jpg",
|
||||
},
|
||||
id: "6", name: "Campaign Visuals", price: "Campaign Direction", imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418517.jpg"},
|
||||
]}
|
||||
title="Selected Works"
|
||||
description="A collection of recent collaborations and design projects across various industries."
|
||||
@@ -132,41 +94,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Creative Direction",
|
||||
description: "Guiding the visual vision and strategy for ambitious brands.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/journey-guide-destination-location-direction_53876-127684.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-making-modern-app-interface_1098-21575.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cups-with-plastic-lids-coffee-go-use-recycled-materials-zero-waste-minimalist-takeaway-coffee-idea-black_166373-2302.jpg?_wi=2",
|
||||
imageAlt: "brand identity design mockup",
|
||||
title: "Creative Direction", description: "Guiding the visual vision and strategy for ambitious brands.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/journey-guide-destination-location-direction_53876-127684.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/woman-making-modern-app-interface_1098-21575.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Brand Identity",
|
||||
description: "Crafting visual systems that define market presence.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418518.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-corporate-identity-stationary-branding-set-mockup_58466-15900.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-messy-office-workspace-with-personal-computer_23-2150282075.jpg?_wi=2",
|
||||
imageAlt: "brand identity design mockup",
|
||||
title: "Brand Identity", description: "Crafting visual systems that define market presence.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418518.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-corporate-identity-stationary-branding-set-mockup_58466-15900.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Digital Design",
|
||||
description: "Building conversion-focused websites and digital experiences.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/admin-dashboard-panel_23-2148372589.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-open-folded-paper-brochure-template_9975-134356.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multiple-lightbulb-designs_53876-16171.jpg?_wi=2",
|
||||
imageAlt: "brand identity design mockup",
|
||||
},
|
||||
title: "Digital Design", description: "Building conversion-focused websites and digital experiences.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-vector/admin-dashboard-panel_23-2148372589.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/blank-open-folded-paper-brochure-template_9975-134356.jpg" }
|
||||
}
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="My Services"
|
||||
@@ -180,24 +118,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Brand Projects",
|
||||
value: "50+",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Happy Clients",
|
||||
value: "30+",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Years Experience",
|
||||
value: "8+",
|
||||
icon: Zap,
|
||||
},
|
||||
{ id: "m1", title: "Brand Projects", value: "50+", icon: Award },
|
||||
{ id: "m2", title: "Happy Clients", value: "30+", icon: CheckCircle },
|
||||
{ id: "m3", title: "Years Experience", value: "8+", icon: Zap },
|
||||
]}
|
||||
title="Delivering Results"
|
||||
description="Numbers that define successful design partnerships."
|
||||
@@ -210,41 +133,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Jenkins",
|
||||
handle: "@techcorp",
|
||||
testimonial: "Exceptional vision and execution.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-sitting-couch-smiling_23-2148095699.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Wilson",
|
||||
handle: "@growthco",
|
||||
testimonial: "Transformed our market presence entirely.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-co-worker-spending-time-office_23-2149328287.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Chen",
|
||||
handle: "@inno",
|
||||
testimonial: "Strategic, fast, and high quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-solving-startup-problems-with-laptop-archived-documents-looking-annual-statistics-report-find-issue-young-analyst-reviewing-papers-executive-strategy-plan_482257-65811.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "James Smith",
|
||||
handle: "@startup",
|
||||
testimonial: "The best creative partner I've found.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-developing-photos_23-2149893918.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna Davis",
|
||||
handle: "@retail",
|
||||
testimonial: "Incredible eye for detail.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-working-from-his-office-concept-hard-work_181624-33428.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Jenkins", handle: "@techcorp", testimonial: "Exceptional vision and execution.", imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-sitting-couch-smiling_23-2148095699.jpg" },
|
||||
{ id: "2", name: "Mark Wilson", handle: "@growthco", testimonial: "Transformed our market presence entirely.", imageSrc: "http://img.b2bpic.net/free-photo/young-co-worker-spending-time-office_23-2149328287.jpg" },
|
||||
{ id: "3", name: "Emily Chen", handle: "@inno", testimonial: "Strategic, fast, and high quality.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-solving-startup-problems-with-laptop-archived-documents-looking-annual-statistics-report-find-issue-young-analyst-reviewing-papers-executive-strategy-plan_482257-65811.jpg" },
|
||||
{ id: "4", name: "James Smith", handle: "@startup", testimonial: "The best creative partner I've found.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-developing-photos_23-2149893918.jpg" },
|
||||
{ id: "5", name: "Anna Davis", handle: "@retail", testimonial: "Incredible eye for detail.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-working-from-his-office-concept-hard-work_181624-33428.jpg" },
|
||||
]}
|
||||
title="Client Feedback"
|
||||
description="What partners have to say about working together."
|
||||
@@ -256,21 +149,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do we start?",
|
||||
content: "Book a discovery call to discuss your needs.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What is the process?",
|
||||
content: "Discovery, concept, development, and delivery.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you work freelance?",
|
||||
content: "Yes, available for freelance and contract.",
|
||||
},
|
||||
{ id: "q1", title: "How do we start?", content: "Book a discovery call to discuss your needs." },
|
||||
{ id: "q2", title: "What is the process?", content: "Discovery, concept, development, and delivery." },
|
||||
{ id: "q3", title: "Do you work freelance?", content: "Yes, available for freelance and contract." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers to your questions about the process."
|
||||
@@ -281,18 +162,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get in touch"
|
||||
title="Ready to transform your brand?"
|
||||
description="Let's connect and discuss your upcoming project."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Me",
|
||||
href: "mailto:hello@nicolalanci.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Me", href: "mailto:hello@nicolalanci.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -301,45 +175,9 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/acrylic-painting-background-vulcan-wallpaper-image_53876-104019.jpg"
|
||||
logoText="NICOLA LANCI"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "Work",
|
||||
href: "#work",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Explore", items: [{ label: "Work", href: "#work" }, { label: "Services", href: "#services" }] },
|
||||
{ title: "Connect", items: [{ label: "LinkedIn", href: "#" }, { label: "Instagram", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user