Files
025dfee3-d00a-4861-afed-c86…/src/app/services/page.tsx

169 lines
7.3 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBase from "@/components/sections/footer/FooterBase";
import { Palette, Images, Sparkles } from "lucide-react";
import Link from "next/link";
export default function ServicesPage() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="aurora"
cardStyle="layered-gradient"
primaryButtonStyle="flat"
secondaryButtonStyle="glass"
headingFontWeight="bold"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="Post Productionss"
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Portfolio", id: "/portfolio" },
{ name: "Contact", id: "/contact" },
]}
button={{ text: "Get in Touch", href: "/contact" }}
/>
</div>
<div id="services" data-section="services">
<FeatureCardNine
features={[
{
id: 1,
title: "Wedding Photography",
description: "Capturing the love, joy, and sacred moments of your special day. From intimate ceremonies to grand celebrations, we create visual narratives that tell your unique love story.",
phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/couple-newlyweds-smiling-groom-covering-bride-s-eyes-with-hands_176420-2252.jpg?_wi=3" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/love-couple-pretty-woman-man-hats-outdoor_624325-3072.jpg?_wi=3" },
},
{
id: 2,
title: "Graduation & Event Photography",
description: "Document achievements and celebrations with professional photography that captures the emotions and significance of milestone moments in your life.",
phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/three-happy-international-graduate-friends-greeting-university-campus-graduation-robes-with-diploma_496169-1360.jpg?_wi=2" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/paparazzi-red-carpet_23-2151941575.jpg?_wi=3" },
},
{
id: 3,
title: "Balinese Traditional Events",
description: "Honor cultural ceremonies and traditional celebrations with photography that respects and elevates the spiritual significance of Balinese rituals and customs.",
phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-posing-with-fruits_72229-1169.jpg?_wi=2" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/paparazzi-red-carpet_23-2151941575.jpg?_wi=4" },
},
]}
showStepNumbers={true}
title="Our Services"
description="Each service is crafted with meticulous attention to detail, emotional depth, and professional excellence. Explore what we offer and how we can help preserve your precious moments."
tag="What We Offer"
tagIcon={Palette}
tagAnimation="slide-up"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
mediaAnimation="blur-reveal"
/>
</div>
<div id="portfolio-preview" data-section="portfolio-preview">
<ProductCardOne
products={[
{
id: "wedding-1",
name: "Wedding Ceremony",
price: "3 Days",
imageSrc: "http://img.b2bpic.net/free-photo/girlfriend-laughing_1157-65.jpg?_wi=2",
imageAlt: "Elegant wedding moment captured with emotional depth",
},
{
id: "graduation-1",
name: "Graduation Day",
price: "Full Day",
imageSrc: "http://img.b2bpic.net/free-photo/different-nationalities-university-graduates_7502-9436.jpg?_wi=2",
imageAlt: "Achievement and pride captured in a portrait",
},
{
id: "balinese-1",
name: "Balinese Ceremony",
price: "Full Day",
imageSrc: "http://img.b2bpic.net/free-photo/nyepi-day-celebration-indonesia_23-2151325686.jpg?_wi=2",
imageAlt: "Traditional Balinese cultural ceremony with spiritual significance",
},
]}
title="Service Gallery"
description="See examples of our work across different service categories. Each project showcases our dedication to quality and artistic excellence."
tag="Visual Portfolio"
tagIcon={Images}
tagAnimation="slide-up"
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
tag="Ready to Create Magic?"
tagIcon={Sparkles}
tagAnimation="slide-up"
title="Let's Capture Your Moment"
description="We'd love to hear about your vision and create something beautiful together. Reach out to discuss your project, ask questions, or book our services."
buttons={[
{ text: "Contact Us Today", href: "/contact" },
{ text: "WhatsApp Us", href: "https://wa.me/6281234567890" },
]}
buttonAnimation="slide-up"
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
logoText="Post Productionss"
copyrightText="© 2025 Post Productionss. All moments deserve to be preserved."
columns={[
{
title: "Services",
items: [
{ label: "Wedding Photography", href: "/services" },
{ label: "Event Coverage", href: "/services" },
{ label: "Videography", href: "/services" },
{ label: "Engagement Sessions", href: "/services" },
],
},
{
title: "Company",
items: [
{ label: "About Us", href: "/about" },
{ label: "Our Portfolio", href: "/portfolio" },
{ label: "Meet Our Team", href: "/team" },
{ label: "Testimonials", href: "/testimonials" },
],
},
{
title: "Connect",
items: [
{ label: "Contact Us", href: "/contact" },
{ label: "Instagram", href: "https://instagram.com/postproductionss" },
{ label: "WhatsApp", href: "https://wa.me/6281234567890" },
{ label: "Email", href: "mailto:hello@postproductionss.com" },
],
},
]}
/>
</div>
</ThemeProvider>
);
}