Update src/app/services/page.tsx

This commit is contained in:
2026-03-19 22:54:17 +00:00
parent 13e0060abe
commit 9789d67625

View File

@@ -6,8 +6,9 @@ import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatin
import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
import SplitAbout from "@/components/sections/about/SplitAbout";
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { Clapperboard, Film, Zap, CheckCircle, Award } from "lucide-react";
import { Clapperboard, Film, Zap, CheckCircle, Award, Sparkles } from "lucide-react";
export default function ServicesPage() {
const navItems = [
@@ -30,7 +31,7 @@ export default function ServicesPage() {
{
items: [
{ label: "Contact", href: "/contact" },
{ label: "Email: info@raymsent.com", href: "mailto:info@raymsent.com" },
{ label: "Email: raymsentertainmentstudio@gmail.com", href: "mailto:raymsentertainmentstudio@gmail.com" },
{ label: "Phone: 0802 213 5257", href: "tel:08022135257" },
{ label: "Asaba, Delta State, Nigeria", href: "#" },
],
@@ -71,9 +72,7 @@ export default function ServicesPage() {
navItems={navItems}
brandName="RAYMS STUDIOS"
button={{
text: "Book a Consultation",
href: "/contact",
}}
text: "Book a Consultation", href: "/contact"}}
/>
</div>
@@ -88,33 +87,17 @@ export default function ServicesPage() {
buttonAnimation="slide-up"
features={[
{
id: "film-production",
title: "Film Production",
tags: ["Feature Films", "Short Films", "Documentaries"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBPgNchmgCzLY6pwTFusRCw4G6/a-professional-film-production-shoot-in--1773959706476-df9d1f0d.png?_wi=2",
imageAlt: "Professional film production with multiple cameras and crew",
},
id: "film-production", title: "Film Production", tags: ["Feature Films", "Short Films", "Documentaries"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBPgNchmgCzLY6pwTFusRCw4G6/a-professional-film-production-shoot-in--1773959706476-df9d1f0d.png?_wi=2", imageAlt: "Professional film production with multiple cameras and crew"},
{
id: "music-video",
title: "Music Video Production",
tags: ["Creative Direction", "Choreography", "Visual Effects"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBPgNchmgCzLY6pwTFusRCw4G6/an-energetic-music-video-production-scen-1773959704562-6940a1ba.jpg?_wi=2",
imageAlt: "Dynamic music video production with creative energy",
},
id: "music-video", title: "Music Video Production", tags: ["Creative Direction", "Choreography", "Visual Effects"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBPgNchmgCzLY6pwTFusRCw4G6/an-energetic-music-video-production-scen-1773959704562-6940a1ba.jpg?_wi=2", imageAlt: "Dynamic music video production with creative energy"},
{
id: "commercial",
title: "Commercial Production",
tags: ["TV Commercials", "Digital Ads", "Branded Content"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBPgNchmgCzLY6pwTFusRCw4G6/a-professional-commercial-advertisement--1773959704355-c22e2357.png?_wi=2",
imageAlt: "Professional commercial advertising production",
},
id: "commercial", title: "Commercial Production", tags: ["TV Commercials", "Digital Ads", "Branded Content"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBPgNchmgCzLY6pwTFusRCw4G6/a-professional-commercial-advertisement--1773959704355-c22e2357.png?_wi=2", imageAlt: "Professional commercial advertising production"},
{
id: "post-production",
title: "Video Editing & Post-Production",
tags: ["Color Grading", "Sound Design", "VFX"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBPgNchmgCzLY6pwTFusRCw4G6/a-professional-video-editing-and-post-pr-1773959704845-ede4de90.png?_wi=2",
imageAlt: "Professional post-production editing suite",
},
id: "post-production", title: "Video Editing & Post-Production", tags: ["Color Grading", "Sound Design", "VFX"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBPgNchmgCzLY6pwTFusRCw4G6/a-professional-video-editing-and-post-pr-1773959704845-ede4de90.png?_wi=2", imageAlt: "Professional post-production editing suite"},
]}
animationType="slide-up"
textboxLayout="default"
@@ -134,24 +117,16 @@ export default function ServicesPage() {
buttonAnimation="slide-up"
bulletPoints={[
{
title: "Expert Team",
description: "Experienced cinematographers, directors, editors, and technical specialists with proven track records.",
icon: Award,
title: "Expert Team", description: "Experienced cinematographers, directors, editors, and technical specialists with proven track records.", icon: Award,
},
{
title: "Advanced Equipment",
description: "Premium cameras, lighting rigs, and post-production suites featuring the latest industry-standard technology.",
icon: Zap,
title: "Advanced Equipment", description: "Premium cameras, lighting rigs, and post-production suites featuring the latest industry-standard technology.", icon: Zap,
},
{
title: "Creative Excellence",
description: "Award-winning creative approach that combines technical proficiency with artistic vision for standout results.",
icon: Film,
title: "Creative Excellence", description: "Award-winning creative approach that combines technical proficiency with artistic vision for standout results.", icon: Film,
},
{
title: "Full-Service Support",
description: "From initial concept through final delivery, we handle every aspect of your production with precision and professionalism.",
icon: CheckCircle,
title: "Full-Service Support", description: "From initial concept through final delivery, we handle every aspect of your production with precision and professionalism.", icon: CheckCircle,
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBPgNchmgCzLY6pwTFusRCw4G6/a-modern-film-production-studio-interior-1773959704816-f390f535.png?_wi=2"
@@ -181,6 +156,25 @@ export default function ServicesPage() {
/>
</div>
<div id="contact-cta" data-section="contact-cta">
<ContactCTA
tag="Ready to Create?"
tagIcon={Sparkles}
tagAnimation="slide-up"
title="Start Your Production Journey Today"
description="Transform your creative vision into reality. Contact RAYMS Entertainment Studios to discuss your project, timeline, and production needs. Our team is ready to bring your story to life."
buttons={[
{ text: "Book Consultation", href: "/contact" },
{ text: "Call: 0802 213 5257", href: "tel:08022135257" },
]}
buttonAnimation="slide-up"
background={{
variant: "rotated-rays-static"}}
useInvertedBackground={true}
ariaLabel="Contact call-to-action section for RAYMS Entertainment Studios"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="RAYMS STUDIOS"