Merge version_1 into main #2
225
src/app/page.tsx
225
src/app/page.tsx
@@ -31,17 +31,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="MBG Digital"
|
||||
/>
|
||||
@@ -50,37 +44,24 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Creating Digital Excellence for MBG Digital"
|
||||
description="Your partner in web design, copywriting, and creative development. Based in the Netherlands, built for the world."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unfocused-fluid-acrylic-balls_23-2148469325.jpg?_wi=1",
|
||||
imageAlt: "Abstract blue shapes",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unfocused-fluid-acrylic-balls_23-2148469325.jpg", imageAlt: "Abstract blue shapes"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workspace-minimal-style_53876-16545.jpg?_wi=1",
|
||||
imageAlt: "Digital workspace",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workspace-minimal-style_53876-16545.jpg", imageAlt: "Digital workspace"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-boy-posing-studio_23-2149596296.jpg?_wi=1",
|
||||
imageAlt: "Design studio",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-boy-posing-studio_23-2149596296.jpg", imageAlt: "Design studio"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-modern-background-with-extruding-blocks_1048-12777.jpg?_wi=1",
|
||||
imageAlt: "Geometric structure",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-modern-background-with-extruding-blocks_1048-12777.jpg", imageAlt: "Geometric structure"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-sound-waves-digital-technology-background_1048-13247.jpg?_wi=1",
|
||||
imageAlt: "Network graphic",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-sound-waves-digital-technology-background_1048-13247.jpg", imageAlt: "Network graphic"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -93,54 +74,24 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
label: "Web Design",
|
||||
title: "Web Design & Development",
|
||||
items: [
|
||||
"Custom websites",
|
||||
"E-commerce solutions",
|
||||
"UX/UI design",
|
||||
],
|
||||
id: "s1", label: "Web Design", title: "Web Design & Development", items: [
|
||||
"Custom websites", "E-commerce solutions", "UX/UI design"],
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
label: "Content",
|
||||
title: "Strategic Copywriting",
|
||||
items: [
|
||||
"Brand storytelling",
|
||||
"SEO optimization",
|
||||
"Email campaigns",
|
||||
],
|
||||
id: "s2", label: "Content", title: "Strategic Copywriting", items: [
|
||||
"Brand storytelling", "SEO optimization", "Email campaigns"],
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
label: "Design",
|
||||
title: "Creative Design",
|
||||
items: [
|
||||
"Brand identity",
|
||||
"Visual branding",
|
||||
"Marketing assets",
|
||||
],
|
||||
id: "s3", label: "Design", title: "Creative Design", items: [
|
||||
"Brand identity", "Visual branding", "Marketing assets"],
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
label: "Strategy",
|
||||
title: "Digital Growth",
|
||||
items: [
|
||||
"Market research",
|
||||
"Conversion tactics",
|
||||
"Audit reports",
|
||||
],
|
||||
id: "s4", label: "Strategy", title: "Digital Growth", items: [
|
||||
"Market research", "Conversion tactics", "Audit reports"],
|
||||
},
|
||||
{
|
||||
id: "s5",
|
||||
label: "Support",
|
||||
title: "Ongoing Maintenance",
|
||||
items: [
|
||||
"Speed optimization",
|
||||
"Security patches",
|
||||
"Content updates",
|
||||
],
|
||||
id: "s5", label: "Support", title: "Ongoing Maintenance", items: [
|
||||
"Speed optimization", "Security patches", "Content updates"],
|
||||
},
|
||||
]}
|
||||
title="Our Services"
|
||||
@@ -152,42 +103,23 @@ export default function LandingPage() {
|
||||
<MetricCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
title: "Projects Completed",
|
||||
description: "Across various industries",
|
||||
icon: Award,
|
||||
id: "m1", value: "150+", title: "Projects Completed", description: "Across various industries", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "95%",
|
||||
title: "Client Satisfaction",
|
||||
description: "Long-term relationships",
|
||||
icon: Star,
|
||||
id: "m2", value: "95%", title: "Client Satisfaction", description: "Long-term relationships", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5M+",
|
||||
title: "Reached Audience",
|
||||
description: "Through strategic campaigns",
|
||||
icon: Users,
|
||||
id: "m3", value: "5M+", title: "Reached Audience", description: "Through strategic campaigns", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "12",
|
||||
title: "Global Markets",
|
||||
description: "Operating across continents",
|
||||
icon: Globe,
|
||||
id: "m4", value: "12", title: "Global Markets", description: "Operating across continents", icon: Globe,
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
value: "24/7",
|
||||
title: "Client Support",
|
||||
description: "Always ready to assist",
|
||||
icon: Headphones,
|
||||
id: "m5", value: "24/7", title: "Client Support", description: "Always ready to assist", icon: Headphones,
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
@@ -201,60 +133,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Jansen",
|
||||
date: "Jan 2024",
|
||||
title: "CEO",
|
||||
quote: "MBG transformed our brand identity.",
|
||||
tag: "Web Design",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unfocused-fluid-acrylic-balls_23-2148469325.jpg?_wi=2",
|
||||
imageAlt: "business person professional headshot",
|
||||
},
|
||||
id: "t1", name: "Sarah Jansen", date: "Jan 2024", title: "CEO", quote: "MBG transformed our brand identity.", tag: "Web Design", avatarSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg", imageSrc: "http://img.b2bpic.net/free-photo/unfocused-fluid-acrylic-balls_23-2148469325.jpg", imageAlt: "business person professional headshot"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Erik de Vries",
|
||||
date: "Feb 2024",
|
||||
title: "Founder",
|
||||
quote: "Exceptional copywriting and strategy.",
|
||||
tag: "Copywriting",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workspace-minimal-style_53876-16545.jpg?_wi=2",
|
||||
imageAlt: "business person professional headshot",
|
||||
},
|
||||
id: "t2", name: "Erik de Vries", date: "Feb 2024", title: "Founder", quote: "Exceptional copywriting and strategy.", tag: "Copywriting", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg", imageSrc: "http://img.b2bpic.net/free-photo/workspace-minimal-style_53876-16545.jpg", imageAlt: "business person professional headshot"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Linda Smit",
|
||||
date: "Mar 2024",
|
||||
title: "Director",
|
||||
quote: "The design work is top-tier.",
|
||||
tag: "Branding",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-boy-posing-studio_23-2149596296.jpg?_wi=2",
|
||||
imageAlt: "business person professional headshot",
|
||||
},
|
||||
id: "t3", name: "Linda Smit", date: "Mar 2024", title: "Director", quote: "The design work is top-tier.", tag: "Branding", avatarSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg", imageSrc: "http://img.b2bpic.net/free-photo/front-view-boy-posing-studio_23-2149596296.jpg", imageAlt: "business person professional headshot"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mark Bakker",
|
||||
date: "Apr 2024",
|
||||
title: "Manager",
|
||||
quote: "Professional and highly skilled.",
|
||||
tag: "Development",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-modern-background-with-extruding-blocks_1048-12777.jpg?_wi=2",
|
||||
imageAlt: "business person professional headshot",
|
||||
},
|
||||
id: "t4", name: "Mark Bakker", date: "Apr 2024", title: "Manager", quote: "Professional and highly skilled.", tag: "Development", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-modern-background-with-extruding-blocks_1048-12777.jpg", imageAlt: "business person professional headshot"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Anna Boer",
|
||||
date: "May 2024",
|
||||
title: "Founder",
|
||||
quote: "Truly expert creative team.",
|
||||
tag: "Marketing",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-outdoors_23-2151038668.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-sound-waves-digital-technology-background_1048-13247.jpg?_wi=2",
|
||||
imageAlt: "business person professional headshot",
|
||||
},
|
||||
id: "t5", name: "Anna Boer", date: "May 2024", title: "Founder", quote: "Truly expert creative team.", tag: "Marketing", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-outdoors_23-2151038668.jpg", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-sound-waves-digital-technology-background_1048-13247.jpg", imageAlt: "business person professional headshot"},
|
||||
]}
|
||||
title="What Clients Say"
|
||||
description="Partnering with MBG Digital transforms how our clients perform."
|
||||
@@ -267,30 +154,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What languages do you offer?",
|
||||
content: "We work fully in both Dutch and English.",
|
||||
},
|
||||
id: "f1", title: "What languages do you offer?", content: "We work fully in both Dutch and English."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How do we get started?",
|
||||
content: "Schedule a discovery call with our team.",
|
||||
},
|
||||
id: "f2", title: "How do we get started?", content: "Schedule a discovery call with our team."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Where are you based?",
|
||||
content: "We operate from the Netherlands.",
|
||||
},
|
||||
id: "f3", title: "Where are you based?", content: "We operate from the Netherlands."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "What is your typical turnaround time?",
|
||||
content: "Most web design projects are completed within 4-6 weeks.",
|
||||
},
|
||||
id: "f4", title: "What is your typical turnaround time?", content: "Most web design projects are completed within 4-6 weeks."},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Do you offer post-launch support?",
|
||||
content: "Yes, we provide ongoing maintenance and optimization plans.",
|
||||
},
|
||||
id: "f5", title: "Do you offer post-launch support?", content: "Yes, we provide ongoing maintenance and optimization plans."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-corporate-woman-reads-news-works-her-digital-tablet-while-her-way-office-stansd_1258-194191.jpg"
|
||||
title="Common Questions"
|
||||
@@ -303,8 +175,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Get in touch"
|
||||
title="Ready to Start?"
|
||||
description="Let's build something great together."
|
||||
@@ -316,29 +187,19 @@ export default function LandingPage() {
|
||||
logoText="MBG Digital"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:hello@mbg.nl",
|
||||
},
|
||||
label: "Email", href: "mailto:hello@mbg.nl"},
|
||||
{
|
||||
label: "Call Us",
|
||||
href: "tel:+31201234567",
|
||||
},
|
||||
label: "Call Us", href: "tel:+31201234567"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user