Update src/app/page.tsx
This commit is contained in:
341
src/app/page.tsx
341
src/app/page.tsx
@@ -31,138 +31,76 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
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: "Packages",
|
||||
id: "packages",
|
||||
},
|
||||
name: "Packages", id: "packages"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Slim Empire Events"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="SLIM EMPIRE EVENTS"
|
||||
description="DJ Slim King · Boston's Premier Event Entertainment"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah & Mike",
|
||||
handle: "@slimempire",
|
||||
testimonial: "DJ Slim King made our wedding night absolutely legendary. The energy was electric!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-warm-colors-with-copy-space_23-2148241381.jpg?_wi=1",
|
||||
imageAlt: "luxury gold bokeh background",
|
||||
},
|
||||
name: "Sarah & Mike", handle: "@slimempire", testimonial: "DJ Slim King made our wedding night absolutely legendary. The energy was electric!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-warm-colors-with-copy-space_23-2148241381.jpg", imageAlt: "luxury gold bokeh background"},
|
||||
{
|
||||
name: "James K.",
|
||||
handle: "@slimempire",
|
||||
testimonial: "The best sound and lighting in Boston. Professional and truly cinematic.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-dj-working-studio_181624-26201.jpg",
|
||||
imageAlt: "luxury gold bokeh background",
|
||||
},
|
||||
name: "James K.", handle: "@slimempire", testimonial: "The best sound and lighting in Boston. Professional and truly cinematic.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-dj-working-studio_181624-26201.jpg", imageAlt: "luxury gold bokeh background"},
|
||||
{
|
||||
name: "Lena R.",
|
||||
handle: "@slimempire",
|
||||
testimonial: "360 booth was a hit! Everyone loved the energy and service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-dj-equipment-electronics_23-2149658375.jpg?_wi=1",
|
||||
imageAlt: "luxury gold bokeh background",
|
||||
},
|
||||
name: "Lena R.", handle: "@slimempire", testimonial: "360 booth was a hit! Everyone loved the energy and service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-dj-equipment-electronics_23-2149658375.jpg", imageAlt: "luxury gold bokeh background"},
|
||||
{
|
||||
name: "Marcus V.",
|
||||
handle: "@slimempire",
|
||||
testimonial: "Unmatched professionalism for our corporate gala.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-tunnel-corridor-with-neon-glowing-lights-3d-rendering-background-wallpaper_181624-27817.jpg?_wi=1",
|
||||
imageAlt: "luxury gold bokeh background",
|
||||
},
|
||||
name: "Marcus V.", handle: "@slimempire", testimonial: "Unmatched professionalism for our corporate gala.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-tunnel-corridor-with-neon-glowing-lights-3d-rendering-background-wallpaper_181624-27817.jpg", imageAlt: "luxury gold bokeh background"},
|
||||
{
|
||||
name: "Jenny D.",
|
||||
handle: "@slimempire",
|
||||
testimonial: "A true master of the craft. Highly recommend!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-female-with-megaphone-carnival-party_23-2148412847.jpg?_wi=1",
|
||||
imageAlt: "luxury gold bokeh background",
|
||||
},
|
||||
name: "Jenny D.", handle: "@slimempire", testimonial: "A true master of the craft. Highly recommend!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-female-with-megaphone-carnival-party_23-2148412847.jpg", imageAlt: "luxury gold bokeh background"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Event",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Event", href: "#contact"},
|
||||
{
|
||||
text: "View Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "View Services", href: "#services"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blurred-warm-colors-with-copy-space_23-2148241381.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blurred-warm-colors-with-copy-space_23-2148241381.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/colorful-lights-background-with-copyspace_23-2147815278.jpg",
|
||||
alt: "Luxury event guest portrait 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/colorful-lights-background-with-copyspace_23-2147815278.jpg", alt: "Luxury event guest portrait 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-blue-pink-bokeh-background_23-2147815371.jpg",
|
||||
alt: "Luxury event guest portrait 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-blue-pink-bokeh-background_23-2147815371.jpg", alt: "Luxury event guest portrait 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-bokeh-background-with-colorful-lights_23-2147815148.jpg",
|
||||
alt: "Luxury event guest portrait 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-bokeh-background-with-colorful-lights_23-2147815148.jpg", alt: "Luxury event guest portrait 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/string-pink-lights-optical-fiber_23-2148241331.jpg",
|
||||
alt: "Luxury event guest portrait 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/string-pink-lights-optical-fiber_23-2148241331.jpg", alt: "Luxury event guest portrait 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/background-golden-dust-overlay-texture-illustration_1017-42069.jpg",
|
||||
alt: "Luxury event guest portrait 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/background-golden-dust-overlay-texture-illustration_1017-42069.jpg", alt: "Luxury event guest portrait 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Elite DJ Services",
|
||||
},
|
||||
type: "text", text: "Elite DJ Services"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cinematic Lighting",
|
||||
},
|
||||
type: "text", text: "Cinematic Lighting"},
|
||||
{
|
||||
type: "text",
|
||||
text: "360 Photo Booth",
|
||||
},
|
||||
type: "text", text: "360 Photo Booth"},
|
||||
{
|
||||
type: "text",
|
||||
text: "LED Dance Floors",
|
||||
},
|
||||
type: "text", text: "LED Dance Floors"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cold Spark Pyrotechnics",
|
||||
},
|
||||
type: "text", text: "Cold Spark Pyrotechnics"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -172,14 +110,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"WEDDINGS",
|
||||
"LED DANCE FLOORS",
|
||||
"360 PHOTO BOOTH",
|
||||
"COLD SPARKS",
|
||||
"UPLIGHTING",
|
||||
"CORPORATE EVENTS",
|
||||
"GRADUATIONS",
|
||||
]}
|
||||
"WEDDINGS", "LED DANCE FLOORS", "360 PHOTO BOOTH", "COLD SPARKS", "UPLIGHTING", "CORPORATE EVENTS", "GRADUATIONS"]}
|
||||
title="Our Services"
|
||||
description="Premium entertainment tailored for your legacy."
|
||||
/>
|
||||
@@ -191,9 +122,7 @@ export default function LandingPage() {
|
||||
title="Where Every Event Becomes a Legacy"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -204,35 +133,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "DJ Services",
|
||||
description: "Professional mixing for African, Caribbean, and luxury events.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-dj-equipment-electronics_23-2149658375.jpg?_wi=2",
|
||||
},
|
||||
title: "DJ Services", description: "Professional mixing for African, Caribbean, and luxury events.", imageSrc: "http://img.b2bpic.net/free-photo/view-dj-equipment-electronics_23-2149658375.jpg"},
|
||||
{
|
||||
title: "LED Dance Floor",
|
||||
description: "High-tech interactive floors that transform any space.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-tunnel-corridor-with-neon-glowing-lights-3d-rendering-background-wallpaper_181624-27817.jpg?_wi=2",
|
||||
},
|
||||
title: "LED Dance Floor", description: "High-tech interactive floors that transform any space.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-tunnel-corridor-with-neon-glowing-lights-3d-rendering-background-wallpaper_181624-27817.jpg"},
|
||||
{
|
||||
title: "360 Photo Booth",
|
||||
description: "Immersive 360-degree capture for unforgettable memories.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-female-with-megaphone-carnival-party_23-2148412847.jpg?_wi=2",
|
||||
},
|
||||
title: "360 Photo Booth", description: "Immersive 360-degree capture for unforgettable memories.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-female-with-megaphone-carnival-party_23-2148412847.jpg"},
|
||||
{
|
||||
title: "Cold Sparks",
|
||||
description: "Cinematic pyrotechnics for grand entrances and highlights.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dress-holding-happy-celebration-young_1304-988.jpg",
|
||||
},
|
||||
title: "Cold Sparks", description: "Cinematic pyrotechnics for grand entrances and highlights.", imageSrc: "http://img.b2bpic.net/free-photo/dress-holding-happy-celebration-young_1304-988.jpg"},
|
||||
{
|
||||
title: "Uplighting",
|
||||
description: "Elegant ambient lighting design in gold and deep blue.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wedding-venue-with-intricate-decor-ornaments_23-2151481533.jpg",
|
||||
},
|
||||
title: "Uplighting", description: "Elegant ambient lighting design in gold and deep blue.", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wedding-venue-with-intricate-decor-ornaments_23-2151481533.jpg"},
|
||||
{
|
||||
title: "Sound Systems",
|
||||
description: "Crystal clear sound rental for premium venues.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-machine-panel_23-2147830566.jpg",
|
||||
},
|
||||
title: "Sound Systems", description: "Crystal clear sound rental for premium venues.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-machine-panel_23-2147830566.jpg"},
|
||||
]}
|
||||
title="What We Offer"
|
||||
description="Comprehensive entertainment solutions for premium events."
|
||||
@@ -246,85 +157,45 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
price: "Custom",
|
||||
subtitle: "DJ Only Package",
|
||||
features: [
|
||||
"Pro DJ",
|
||||
"Sound System",
|
||||
],
|
||||
id: "p1", price: "Custom", subtitle: "DJ Only Package", features: [
|
||||
"Pro DJ", "Sound System"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
],
|
||||
badge: "Base",
|
||||
},
|
||||
badge: "Base"},
|
||||
{
|
||||
id: "p2",
|
||||
price: "Custom",
|
||||
subtitle: "DJ + Uplighting",
|
||||
features: [
|
||||
"All DJ",
|
||||
"Full Uplighting",
|
||||
],
|
||||
id: "p2", price: "Custom", subtitle: "DJ + Uplighting", features: [
|
||||
"All DJ", "Full Uplighting"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
],
|
||||
badge: "Popular",
|
||||
},
|
||||
badge: "Popular"},
|
||||
{
|
||||
id: "p3",
|
||||
price: "Custom",
|
||||
subtitle: "DJ + Dance Floor",
|
||||
features: [
|
||||
"All DJ",
|
||||
"LED Floor",
|
||||
],
|
||||
id: "p3", price: "Custom", subtitle: "DJ + Dance Floor", features: [
|
||||
"All DJ", "LED Floor"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
],
|
||||
badge: "Value",
|
||||
},
|
||||
badge: "Value"},
|
||||
{
|
||||
id: "p4",
|
||||
price: "Custom",
|
||||
subtitle: "Full Experience",
|
||||
features: [
|
||||
"All Services",
|
||||
"Priority",
|
||||
],
|
||||
id: "p4", price: "Custom", subtitle: "Full Experience", features: [
|
||||
"All Services", "Priority"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
],
|
||||
badge: "Best Seller",
|
||||
},
|
||||
badge: "Best Seller"},
|
||||
{
|
||||
id: "p5",
|
||||
price: "Custom",
|
||||
subtitle: "Wedding Package",
|
||||
features: [
|
||||
"Custom Set",
|
||||
"Full Decor",
|
||||
],
|
||||
id: "p5", price: "Custom", subtitle: "Wedding Package", features: [
|
||||
"Custom Set", "Full Decor"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
],
|
||||
badge: "Premium",
|
||||
},
|
||||
badge: "Premium"},
|
||||
]}
|
||||
title="Experience Packages"
|
||||
description="Choose the perfect entertainment tier for your event."
|
||||
@@ -333,50 +204,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Bride",
|
||||
company: "Wedding",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-newlyweds-smiling-laughing-sitting-swing-park_176420-2233.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Bride", company: "Wedding", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-newlyweds-smiling-laughing-sitting-swing-park_176420-2233.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael T.",
|
||||
role: "CEO",
|
||||
company: "Corporate Gala",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-working-flower-shop-medium-shot_23-2149235753.jpg",
|
||||
},
|
||||
id: "2", name: "Michael T.", role: "CEO", company: "Corporate Gala", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-working-flower-shop-medium-shot_23-2149235753.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Graduate",
|
||||
company: "Grad Party",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9540.jpg",
|
||||
},
|
||||
id: "3", name: "Emily R.", role: "Graduate", company: "Grad Party", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9540.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
role: "Attendee",
|
||||
company: "Nightlife Event",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lesbian-couple-with-guests-their-wedding_23-2150835743.jpg",
|
||||
},
|
||||
id: "4", name: "David W.", role: "Attendee", company: "Nightlife Event", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lesbian-couple-with-guests-their-wedding_23-2150835743.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Robert B.",
|
||||
role: "Groom",
|
||||
company: "Wedding",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-girls-partying-with-drinks_23-2149628512.jpg",
|
||||
},
|
||||
id: "5", name: "Robert B.", role: "Groom", company: "Wedding", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-girls-partying-with-drinks_23-2149628512.jpg"},
|
||||
]}
|
||||
title="Hear From Our Clients"
|
||||
description="Turning moments into memories throughout Massachusetts."
|
||||
@@ -390,34 +237,20 @@ export default function LandingPage() {
|
||||
description="Limited dates available. Inquire today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Full Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
{
|
||||
name: "date",
|
||||
type: "date",
|
||||
placeholder: "Event Date",
|
||||
required: true,
|
||||
name: "date", type: "date", placeholder: "Event Date", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Special Requests",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Special Requests", rows: 4,
|
||||
required: false,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-marble-black-gold-background_23-2150659025.jpg"
|
||||
@@ -429,33 +262,21 @@ export default function LandingPage() {
|
||||
logoText="Slim Empire Events"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
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: "WhatsApp",
|
||||
href: "https://wa.me/19784065789",
|
||||
},
|
||||
label: "WhatsApp", href: "https://wa.me/19784065789"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user