130 lines
6.1 KiB
TypeScript
130 lines
6.1 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
|
import TeamCardFive from "@/components/sections/team/TeamCardFive";
|
|
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
|
import FooterBase from "@/components/sections/footer/FooterBase";
|
|
import { Heart, Users, Sparkles } from "lucide-react";
|
|
import Link from "next/link";
|
|
|
|
export default function AboutPage() {
|
|
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="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"
|
|
imageAlt="Post Productionss founder and creative vision"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</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", 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", 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", 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", 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>
|
|
);
|
|
} |