240 lines
15 KiB
TypeScript
240 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroSplit from "@/components/sections/hero/HeroSplit";
|
|
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
|
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
|
|
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
|
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
|
|
import TeamCardFive from "@/components/sections/team/TeamCardFive";
|
|
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
|
import FooterBase from "@/components/sections/footer/FooterBase";
|
|
import { Camera, Heart, Palette, Images, Star, Users, Sparkles, Mail } from "lucide-react";
|
|
import Link from "next/link";
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
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="hero" data-section="hero">
|
|
<HeroSplit
|
|
title="Capturing Meaningful Moments"
|
|
description="At Post Productionss, we transform your precious memories into timeless visual stories. With three years of professional expertise in photography and videography, we bring elegance, emotion, and artistry to every frame."
|
|
tag="Premium Creative Services"
|
|
tagIcon={Camera}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/model-photographer-getting-ready-photo-shooting_23-2148424416.jpg"
|
|
imageAlt="Post Productionss studio showcase"
|
|
imagePosition="right"
|
|
mediaAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Explore Our Work", href: "/portfolio" },
|
|
{ text: "Let's Connect", href: "/contact" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="Our Story"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
title="Three Years of Capturing Moments with Soul and Precision"
|
|
description="Founded with a vision to preserve life's most beautiful moments, Post Productionss has grown into a trusted name in Bali's creative industry."
|
|
subdescription="est. 2022 | Denpasar, Bali"
|
|
icon={Sparkles}
|
|
imageSrc="http://img.b2bpic.net/free-photo/handsome-caucasian-man-is-sitting-armchair-hotel-room-holding-professional-photo-camera_8353-10904.jpg?_wi=1"
|
|
imageAlt="Post Productionss founder and creative vision"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</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=1" },
|
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/love-couple-pretty-woman-man-hats-outdoor_624325-3072.jpg?_wi=1" },
|
|
},
|
|
{
|
|
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=1" },
|
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/paparazzi-red-carpet_23-2151941575.jpg?_wi=1" },
|
|
},
|
|
{
|
|
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=1" },
|
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/paparazzi-red-carpet_23-2151941575.jpg?_wi=2" },
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "Professional Videography", description: "Transform your moments into cinematic storytelling. Our videography services blend creativity, technical excellence, and emotional resonance for content that moves and inspires.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/professional-cameraman-recording-poeple-watching-football-public-place-night_1268-18138.jpg" },
|
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/couple-newlyweds-smiling-groom-covering-bride-s-eyes-with-hands_176420-2252.jpg?_wi=2" },
|
|
},
|
|
]}
|
|
showStepNumbers={true}
|
|
title="Our Services"
|
|
description="Each service is crafted with meticulous attention to detail, emotional depth, and professional excellence."
|
|
tag="What We Offer"
|
|
tagIcon={Palette}
|
|
tagAnimation="slide-up"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="portfolio" data-section="portfolio">
|
|
<ProductCardOne
|
|
products={[
|
|
{
|
|
id: "wedding-1", name: "Wedding Ceremony", price: "3 Days", imageSrc: "http://img.b2bpic.net/free-photo/girlfriend-laughing_1157-65.jpg?_wi=1", imageAlt: "Elegant wedding moment captured with emotional depth"},
|
|
{
|
|
id: "wedding-2", name: "Reception Highlights", price: "Evening Coverage", imageSrc: "http://img.b2bpic.net/free-photo/bride-couple-waving-while-dacning-with-confetti_8353-12337.jpg?_wi=1", imageAlt: "Joyful celebration captured in candid moments"},
|
|
{
|
|
id: "graduation-1", name: "Graduation Day", price: "Full Day", imageSrc: "http://img.b2bpic.net/free-photo/different-nationalities-university-graduates_7502-9436.jpg?_wi=1", imageAlt: "Achievement and pride captured in a portrait"},
|
|
{
|
|
id: "event-1", name: "Corporate Event", price: "Evening Event", imageSrc: "http://img.b2bpic.net/free-photo/friends-celebrating-new-years-eve_53876-46899.jpg?_wi=1", imageAlt: "Professional event photography with live energy"},
|
|
{
|
|
id: "balinese-1", name: "Balinese Ceremony", price: "Full Day", imageSrc: "http://img.b2bpic.net/free-photo/nyepi-day-celebration-indonesia_23-2151325686.jpg?_wi=1", imageAlt: "Traditional Balinese cultural ceremony with spiritual significance"},
|
|
{
|
|
id: "engagement-1", name: "Engagement Session", price: "2-3 Hours", imageSrc: "http://img.b2bpic.net/free-photo/love-couple-pretty-woman-man-hats-outdoor_624325-3072.jpg?_wi=2", imageAlt: "Intimate engagement session in scenic location"},
|
|
]}
|
|
title="Our Portfolio"
|
|
description="Explore a curated collection of our finest work across weddings, events, celebrations, and cultural moments. Each image tells a story of precision, artistry, and emotional depth."
|
|
tag="Visual Storytelling"
|
|
tagIcon={Images}
|
|
tagAnimation="slide-up"
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
testimonials={[
|
|
{
|
|
id: "1", title: "Our Wedding Was Perfect, The Photos Are Perfection", quote: "Post Productionss captured every emotion and detail of our wedding day. The photos are stunning, and we can relive the joy and love every time we look at them. Truly exceptional work!", name: "Siti & Budi", role: "Newlyweds", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=1", imageAlt: "Happy couple testimonial"},
|
|
{
|
|
id: "2", title: "Professional, Creative, and Deeply Caring", quote: "Working with the Post Productionss team was a breeze. They understood our vision, managed the chaos of our event, and delivered photos that exceeded our expectations. Highly recommend!", name: "Made Kurnia", role: "Event Coordinator", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=2", imageAlt: "Event coordinator testimonial"},
|
|
{
|
|
id: "3", title: "Graduation Memories Preserved Forever", quote: "The team captured the joy and pride of my graduation day beautifully. Every photo tells a story, and I'm so grateful to have these memories preserved with such artistry and professionalism.", name: "Eka Putri", role: "Recent Graduate", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=3", imageAlt: "Graduate testimonial"},
|
|
{
|
|
id: "4", title: "Cultural Sensitivity and Artistic Excellence", quote: "Post Productionss honored the spiritual essence of our traditional ceremony while capturing stunning visuals. Their respect for our culture and technical expertise made all the difference.", name: "Ketut Suryanto", role: "Family Patriarch", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=4", imageAlt: "Cultural ceremony client testimonial"},
|
|
]}
|
|
title="Client Love & Trust"
|
|
description="Hear directly from our clients about their experience working with Post Productionss and how we've preserved their precious memories."
|
|
tag="Client Testimonials"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardFive
|
|
team={[
|
|
{
|
|
id: "1", name: "Adi Wijaya", role: "Founder & Lead Photographer", imageSrc: "http://img.b2bpic.net/free-photo/happy-confident-bearded-man-brown-suit-wearing-glasses-looking-camera-smiling-cheerfully-with-arms-crossed-standing-purple-background_141793-110713.jpg?_wi=1", imageAlt: "Adi Wijaya, founder of Post Productionss"},
|
|
{
|
|
id: "2", name: "Sari Kusuma", role: "Senior Photographer", imageSrc: "http://img.b2bpic.net/free-photo/focused-young-photographer-is-taking-photo-dark-grunge-background_613910-12960.jpg?_wi=1", imageAlt: "Sari Kusuma, senior photographer"},
|
|
{
|
|
id: "3", name: "Raka Hermawan", role: "Videographer & Cinematographer", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-female-photographer-taking-pictures-with-professional-camera-tripod_613910-3601.jpg?_wi=1", imageAlt: "Raka Hermawan, videographer"},
|
|
{
|
|
id: "4", name: "Intan Ramadhani", role: "Creative Editor & Colorist", imageSrc: "http://img.b2bpic.net/free-photo/young-man-writing-down-his-plans_1098-17086.jpg?_wi=1", imageAlt: "Intan Ramadhani, creative editor"},
|
|
]}
|
|
animationType="slide-up"
|
|
title="Meet Our Talented Team"
|
|
description="Meet the creative minds behind Post Productionss. Each team member brings expertise, passion, and a commitment to transforming your moments into art."
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
tag="Our Crew"
|
|
tagIcon={Users}
|
|
tagAnimation="slide-up"
|
|
/>
|
|
</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>
|
|
);
|
|
} |