Merge version_1 into main #2
145
src/app/page.tsx
145
src/app/page.tsx
@@ -30,25 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="MC Pro ID"
|
||||
/>
|
||||
@@ -57,38 +47,19 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Bringing Life to Every Event"
|
||||
description="Professional Master of Ceremony services in Indonesia, dedicated to elevating your moments from weddings to grand corporate galas."
|
||||
tag="Expert MC Services"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book My MC",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book My MC", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151053473.jpg",
|
||||
imageAlt: "Professional MC on stage",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151053473.jpg", imageAlt: "Professional MC on stage"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-giant-wheel-with-blue-sky_23-2148311235.jpg",
|
||||
imageAlt: "Event stage atmosphere",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/firing-range-customer-looking-zooming-device-check-if-he-shot-bullseye_482257-125292.jpg?_wi=1",
|
||||
imageAlt: "Wedding reception hosting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/musicial-music-live-band-performing-stage-with-different-lights_627829-10071.jpg?_wi=1",
|
||||
imageAlt: "Corporate seminar host",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glance-path-lies-garlands-made-threads-with-chrysanthemum-buds_1304-3347.jpg?_wi=1",
|
||||
imageAlt: "Gala dinner performance",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-giant-wheel-with-blue-sky_23-2148311235.jpg", imageAlt: "Event stage atmosphere"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -102,19 +73,13 @@ export default function LandingPage() {
|
||||
title="Why Choose Me"
|
||||
metrics={[
|
||||
{
|
||||
label: "Years Experience",
|
||||
value: "8+",
|
||||
icon: Award,
|
||||
label: "Years Experience", value: "8+", icon: Award,
|
||||
},
|
||||
{
|
||||
label: "Events Hosted",
|
||||
value: "250+",
|
||||
icon: Calendar,
|
||||
label: "Events Hosted", value: "250+", icon: Calendar,
|
||||
},
|
||||
{
|
||||
label: "Client Satisfaction",
|
||||
value: "100%",
|
||||
icon: ThumbsUp,
|
||||
label: "Client Satisfaction", value: "100%", icon: ThumbsUp,
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
@@ -128,23 +93,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Weddings",
|
||||
description: "Creating warm, intimate atmospheres for your special day.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/firing-range-customer-looking-zooming-device-check-if-he-shot-bullseye_482257-125292.jpg?_wi=2",
|
||||
imageAlt: "Wedding hosting",
|
||||
},
|
||||
title: "Weddings", description: "Creating warm, intimate atmospheres for your special day.", imageSrc: "http://img.b2bpic.net/free-photo/firing-range-customer-looking-zooming-device-check-if-he-shot-bullseye_482257-125292.jpg", imageAlt: "Wedding hosting"},
|
||||
{
|
||||
title: "Corporate Events",
|
||||
description: "Professional, polished delivery for conferences and product launches.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/musicial-music-live-band-performing-stage-with-different-lights_627829-10071.jpg?_wi=2",
|
||||
imageAlt: "Corporate presenting",
|
||||
},
|
||||
title: "Corporate Events", description: "Professional, polished delivery for conferences and product launches.", imageSrc: "http://img.b2bpic.net/free-photo/musicial-music-live-band-performing-stage-with-different-lights_627829-10071.jpg", imageAlt: "Corporate presenting"},
|
||||
{
|
||||
title: "Grand Galas",
|
||||
description: "Energizing large-scale events with prestige and professional flair.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glance-path-lies-garlands-made-threads-with-chrysanthemum-buds_1304-3347.jpg?_wi=2",
|
||||
imageAlt: "Gala hosting",
|
||||
},
|
||||
title: "Grand Galas", description: "Energizing large-scale events with prestige and professional flair.", imageSrc: "http://img.b2bpic.net/free-photo/glance-path-lies-garlands-made-threads-with-chrysanthemum-buds_1304-3347.jpg", imageAlt: "Gala hosting"},
|
||||
]}
|
||||
title="My Specialties"
|
||||
description="Expert curation and hosting across diverse event categories."
|
||||
@@ -158,40 +111,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah W.",
|
||||
role: "Bride",
|
||||
testimonial: "An incredible host who made our wedding so special and smooth.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bride-posing-medium-shot_23-2149860841.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah W.", role: "Bride", testimonial: "An incredible host who made our wedding so special and smooth.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bride-posing-medium-shot_23-2149860841.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Budi H.",
|
||||
role: "Project Manager",
|
||||
testimonial: "Very professional and energetic. Perfectly led our corporate gala.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-handsome-middle-aged-entrepreneur_1262-4871.jpg",
|
||||
},
|
||||
id: "2", name: "Budi H.", role: "Project Manager", testimonial: "Very professional and energetic. Perfectly led our corporate gala.", imageSrc: "http://img.b2bpic.net/free-photo/confident-handsome-middle-aged-entrepreneur_1262-4871.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Dewi L.",
|
||||
role: "Event Planner",
|
||||
testimonial: "My go-to MC for every event. Reliable and highly talented.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-couple-smiling-embracing-walking-around-city_176420-17036.jpg",
|
||||
},
|
||||
id: "3", name: "Dewi L.", role: "Event Planner", testimonial: "My go-to MC for every event. Reliable and highly talented.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-couple-smiling-embracing-walking-around-city_176420-17036.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Rian K.",
|
||||
role: "Marketing Director",
|
||||
testimonial: "Excellent interaction with the crowd and very charismatic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-charming-smile_329181-7290.jpg",
|
||||
},
|
||||
id: "4", name: "Rian K.", role: "Marketing Director", testimonial: "Excellent interaction with the crowd and very charismatic.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-charming-smile_329181-7290.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda M.",
|
||||
role: "Wedding Planner",
|
||||
testimonial: "The best choice for professional weddings. Highly recommend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-professional-partners-posing-photo-smiling-looking-camera-african-american-successful-office-employer-caucasian-businesswoman-taking-selfie-teamwork-business-concept_74855-6842.jpg",
|
||||
},
|
||||
id: "5", name: "Linda M.", role: "Wedding Planner", testimonial: "The best choice for professional weddings. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-professional-partners-posing-photo-smiling-looking-camera-african-american-successful-office-employer-caucasian-businesswoman-taking-selfie-teamwork-business-concept_74855-6842.jpg"},
|
||||
]}
|
||||
title="Voices of Experience"
|
||||
description="See what clients have to say about my work."
|
||||
@@ -202,16 +130,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Let's Connect"
|
||||
title="Ready to Host Your Event?"
|
||||
description="Send a message and let's discuss how I can make your next event truly unforgettable."
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp Now",
|
||||
href: "https://wa.me/yournumber",
|
||||
},
|
||||
text: "WhatsApp Now", href: "https://wa.me/yournumber"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -222,33 +147,21 @@ export default function LandingPage() {
|
||||
logoText="MC Pro ID"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
label: "LinkedIn", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user