Merge version_1_1781696492094 into main #2
@@ -12,287 +12,136 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroCenteredLogos
|
||||
title="Websites That Help Businesses Grow"
|
||||
description="Modern, fast, and mobile-friendly websites that attract more customers and grow your business."
|
||||
primaryButton={{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "View Portfolio",
|
||||
href: "#portfolio",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-laptop-keyboard-with-colourful-background_23-2148226948.jpg?_wi=1"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
title="Websites That Help Businesses Grow"
|
||||
description="Modern, fast, and mobile-friendly websites that attract more customers and grow your business."
|
||||
primaryButton={{ text: "Get a Quote", href: "#contact" }}
|
||||
secondaryButton={{ text: "View Portfolio", href: "#portfolio" }}
|
||||
avatarsSrc={[]}
|
||||
avatarText=""
|
||||
names={[]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-laptop-keyboard-with-colourful-background_23-2148226948.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutTextSplit
|
||||
title="Helping Businesses Grow"
|
||||
descriptions={[
|
||||
"Marcello WebStudio is a premier digital agency focused on building modern, high-performance websites for businesses of all sizes.",
|
||||
"We believe that a website should be more than just a digital presence—it should be a powerful tool for growth, lead generation, and customer engagement.",
|
||||
"With our focus on design quality, speed, and mobile responsiveness, we help our clients stand out in a crowded digital space.",
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
title="Helping Businesses Grow"
|
||||
descriptions={[
|
||||
"Marcello WebStudio is a premier digital agency focused on building modern, high-performance websites for businesses of all sizes.", "We believe that a website should be more than just a digital presence—it should be a powerful tool for growth, lead generation, and customer engagement.", "With our focus on design quality, speed, and mobile responsiveness, we help our clients stand out in a crowded digital space."]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<FeaturesBento
|
||||
tag="Our Expertise"
|
||||
title="Comprehensive Digital Solutions"
|
||||
description="We offer a complete suite of services designed to make your business shine online."
|
||||
features={[
|
||||
{
|
||||
title: "Design & Redesign",
|
||||
description: "Custom, high-end design from scratch or refreshing your existing look.",
|
||||
bentoComponent: "media-stack",
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/healthy-lifestile-landing-page-template_23-2149224518.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-getting-ready-giving-haircut-her-client_23-2148353413.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30584.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-laptop-keyboard-with-colourful-background_23-2148226948.jpg?_wi=2",
|
||||
imageAlt: "restaurant website mockup modern",
|
||||
},
|
||||
{
|
||||
title: "Performance",
|
||||
description: "Mobile optimization and SEO basics to ensure you reach your customers efficiently.",
|
||||
bentoComponent: "animated-bar-chart",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg?_wi=1",
|
||||
imageAlt: "restaurant website mockup modern",
|
||||
},
|
||||
{
|
||||
title: "Conversion",
|
||||
description: "Contact forms and booking systems that make it easy for clients to interact with your business.",
|
||||
bentoComponent: "info-card-marquee",
|
||||
infoCards: [
|
||||
{
|
||||
icon: Mail,
|
||||
label: "Forms",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
icon: Calendar,
|
||||
label: "Bookings",
|
||||
value: "24/7",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Secure",
|
||||
value: "High",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-young-man-online-tutor-businessman-working-cafe-remotely-waving-hand_1258-245358.jpg?_wi=1",
|
||||
imageAlt: "restaurant website mockup modern",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Expertise"
|
||||
title="Comprehensive Digital Solutions"
|
||||
description="We offer a complete suite of services designed to make your business shine online."
|
||||
features={[
|
||||
{
|
||||
title: "Design & Redesign", description: "Custom, high-end design from scratch or refreshing your existing look.", bentoComponent: "media-stack", mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-psd/healthy-lifestile-landing-page-template_23-2149224518.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-getting-ready-giving-haircut-her-client_23-2148353413.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30584.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Performance", description: "Mobile optimization and SEO basics to ensure you reach your customers efficiently.", bentoComponent: "animated-bar-chart"
|
||||
},
|
||||
{
|
||||
title: "Conversion", description: "Contact forms and booking systems that make it easy for clients to interact with your business.", bentoComponent: "info-card-marquee", infoCards: [
|
||||
{ icon: "Mail", label: "Forms", value: "100%" },
|
||||
{ icon: "Calendar", label: "Bookings", value: "24/7" },
|
||||
{ icon: "Shield", label: "Secure", value: "High" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<SectionErrorBoundary name="portfolio">
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<SectionErrorBoundary name="portfolio">
|
||||
<FeaturesImageBento
|
||||
tag="Our Work"
|
||||
title="Recent Projects"
|
||||
description="A glimpse of the high-end digital experiences we create."
|
||||
items={[
|
||||
{
|
||||
title: "Restaurant Website",
|
||||
description: "Modern menu system with reservations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-take-away-order-online-delivery-menu-concept_53876-124758.jpg",
|
||||
},
|
||||
{
|
||||
title: "Barber Shop Website",
|
||||
description: "Seamless booking and style gallery.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-having-drink-barbershop_23-2147736963.jpg",
|
||||
},
|
||||
{
|
||||
title: "Car Wash Website",
|
||||
description: "Automated pricing and location finder.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22299.jpg",
|
||||
},
|
||||
{
|
||||
title: "Restaurant Website",
|
||||
description: "Modern menu system with reservations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-grilled-beef-medallion-with-sauce-vegetables-white-plate-table_140725-11508.jpg",
|
||||
},
|
||||
{
|
||||
title: "Barber Shop Website",
|
||||
description: "Seamless booking and style gallery.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-paper-clipboard-salon-tools-jobs-career-concept_53876-127081.jpg",
|
||||
},
|
||||
{
|
||||
title: "Car Wash Website",
|
||||
description: "Automated pricing and location finder.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-tire-repair_23-2151947879.jpg",
|
||||
},
|
||||
{
|
||||
title: "Restaurant Website",
|
||||
description: "Modern menu system with reservations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stock-photo-contemporary-food-served-fashionable-plate-restaurant-healthy-veggie-rolls-with-sauces-served-plate_132075-8862.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Work"
|
||||
title="Recent Projects"
|
||||
description="A glimpse of the high-end digital experiences we create."
|
||||
items={[
|
||||
{ title: "Restaurant Website", description: "Modern menu system with reservations.", imageSrc: "http://img.b2bpic.net/free-photo/coffee-take-away-order-online-delivery-menu-concept_53876-124758.jpg" },
|
||||
{ title: "Barber Shop Website", description: "Seamless booking and style gallery.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-having-drink-barbershop_23-2147736963.jpg" },
|
||||
{ title: "Car Wash Website", description: "Automated pricing and location finder.", imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22299.jpg" },
|
||||
{ title: "Restaurant Website", description: "Modern menu system with reservations.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-grilled-beef-medallion-with-sauce-vegetables-white-plate-table_140725-11508.jpg" },
|
||||
{ title: "Barber Shop Website", description: "Seamless booking and style gallery.", imageSrc: "http://img.b2bpic.net/free-photo/vintage-paper-clipboard-salon-tools-jobs-career-concept_53876-127081.jpg" },
|
||||
{ title: "Car Wash Website", description: "Automated pricing and location finder.", imageSrc: "http://img.b2bpic.net/free-photo/car-tire-repair_23-2151947879.jpg" },
|
||||
{ title: "Restaurant Website", description: "Modern menu system with reservations.", imageSrc: "http://img.b2bpic.net/free-photo/stock-photo-contemporary-food-served-fashionable-plate-restaurant-healthy-veggie-rolls-with-sauces-served-plate_132075-8862.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<SectionErrorBoundary name="pricing">
|
||||
<div id="pricing" data-section="pricing">
|
||||
<SectionErrorBoundary name="pricing">
|
||||
<PricingHighlightedCards
|
||||
tag="Investment"
|
||||
title="Select Your Package"
|
||||
description="Premium quality websites built to generate revenue."
|
||||
plans={[
|
||||
{
|
||||
tag: "Starter",
|
||||
price: "€399",
|
||||
description: "Essential presence for small businesses.",
|
||||
features: [
|
||||
"Custom Design",
|
||||
"Mobile Friendly",
|
||||
"Basic SEO",
|
||||
"Contact Form",
|
||||
],
|
||||
primaryButton: {
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
},
|
||||
{
|
||||
tag: "Business",
|
||||
price: "€599",
|
||||
description: "Growing businesses needing more features.",
|
||||
features: [
|
||||
"Everything in Starter",
|
||||
"Booking System",
|
||||
"Advanced SEO",
|
||||
"3 Months Support",
|
||||
],
|
||||
primaryButton: {
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
highlight: "Best Value",
|
||||
},
|
||||
{
|
||||
tag: "Premium",
|
||||
price: "€899",
|
||||
description: "Scale your brand with a high-end site.",
|
||||
features: [
|
||||
"Everything in Business",
|
||||
"Custom CMS",
|
||||
"Speed Optimization",
|
||||
"6 Months Support",
|
||||
],
|
||||
primaryButton: {
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Investment"
|
||||
title="Select Your Package"
|
||||
description="Premium quality websites built to generate revenue."
|
||||
plans={[
|
||||
{ tag: "Starter", price: "€399", description: "Essential presence for small businesses.", features: ["Custom Design", "Mobile Friendly", "Basic SEO", "Contact Form"], primaryButton: { text: "Get Started", href: "#contact" } },
|
||||
{ tag: "Business", price: "€599", description: "Growing businesses needing more features.", features: ["Everything in Starter", "Booking System", "Advanced SEO", "3 Months Support"], primaryButton: { text: "Get Started", href: "#contact" }, highlight: "Best Value" },
|
||||
{ tag: "Premium", price: "€899", description: "Scale your brand with a high-end site.", features: ["Everything in Business", "Custom CMS", "Speed Optimization", "6 Months Support"], primaryButton: { text: "Get Started", href: "#contact" } }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialQuoteCards
|
||||
tag="Clients"
|
||||
title="What Our Clients Say"
|
||||
description="We are proud to have helped these businesses achieve their digital goals."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
role: "Restaurant Owner",
|
||||
quote: "Marcello transformed our online presence. Reservations are up 40%.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
name: "Michael K.",
|
||||
role: "Barber Shop Founder",
|
||||
quote: "The booking system has been a game-changer for our shop's workflow.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-young-man-online-tutor-businessman-working-cafe-remotely-waving-hand_1258-245358.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
name: "Elena R.",
|
||||
role: "Auto Service CEO",
|
||||
quote: "Professional, fast, and modern. Worth every penny for the ROI.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands_1258-193990.jpg",
|
||||
},
|
||||
{
|
||||
name: "David M.",
|
||||
role: "Tech Start-up Founder",
|
||||
quote: "Exceptional design and attention to detail. Highly recommend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",
|
||||
},
|
||||
{
|
||||
name: "Claire B.",
|
||||
role: "Consulting Firm",
|
||||
quote: "An absolute pleasure to work with Marcello. Our site is beautiful.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-resting-relaxing-sitting-cafe-smiling-drinking-coffee_176420-12323.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Clients"
|
||||
title="What Our Clients Say"
|
||||
description="We are proud to have helped these businesses achieve their digital goals."
|
||||
testimonials={[
|
||||
{ name: "Sarah J.", role: "Restaurant Owner", quote: "Marcello transformed our online presence. Reservations are up 40%.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg" },
|
||||
{ name: "Michael K.", role: "Barber Shop Founder", quote: "The booking system has been a game-changer for our shop's workflow.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-young-man-online-tutor-businessman-working-cafe-remotely-waving-hand_1258-245358.jpg" },
|
||||
{ name: "Elena R.", role: "Auto Service CEO", quote: "Professional, fast, and modern. Worth every penny for the ROI.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands_1258-193990.jpg" },
|
||||
{ name: "David M.", role: "Tech Start-up Founder", quote: "Exceptional design and attention to detail. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg" },
|
||||
{ name: "Claire B.", role: "Consulting Firm", quote: "An absolute pleasure to work with Marcello. Our site is beautiful.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-resting-relaxing-sitting-cafe-smiling-drinking-coffee_176420-12323.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsIconCards
|
||||
tag="Our Results"
|
||||
title="Agency Milestones"
|
||||
metrics={[
|
||||
{
|
||||
icon: Rocket,
|
||||
title: "Sites Delivered",
|
||||
value: "150+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Happy Clients",
|
||||
value: "120+",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Page Speed Avg",
|
||||
value: "98/100",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Results"
|
||||
title="Agency Milestones"
|
||||
description="Tracking our performance."
|
||||
metrics={[
|
||||
{ icon: "Rocket", title: "Sites Delivered", value: "150+" },
|
||||
{ icon: "Users", title: "Happy Clients", value: "120+" },
|
||||
{ icon: "Zap", title: "Page Speed Avg", value: "98/100" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Get in touch"
|
||||
text="Let's build your next high-converting website together."
|
||||
primaryButton={{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@marcellostudio.com",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "View Portfolio",
|
||||
href: "#portfolio",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Get in touch"
|
||||
text="Let's build your next high-converting website together."
|
||||
primaryButton={{ text: "Contact Us", href: "mailto:hello@marcellostudio.com" }}
|
||||
secondaryButton={{ text: "View Portfolio", href: "#portfolio" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user