154 lines
5.8 KiB
TypeScript
154 lines
5.8 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
|
|
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import { Mail, Users } from 'lucide-react';
|
|
|
|
export default function ContactPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="largeSizeMediumTitles"
|
|
background="none"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleMinimal
|
|
brandName="Bee"
|
|
button={{
|
|
text: "Contact Us",
|
|
href: "/contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact-intro" data-section="contact-intro">
|
|
<TextSplitAbout
|
|
title="Get In Touch"
|
|
description={[
|
|
"Ready to bring your vision to life? Whether you're looking to collaborate on a new project, discuss production services, or explore partnership opportunities, we'd love to hear from you.",
|
|
"Our team of experienced professionals is here to help you navigate every aspect of film production, from initial concept development to final distribution."
|
|
]}
|
|
buttons={[
|
|
{ text: "Send Message", href: "#contact-form" }
|
|
]}
|
|
showBorder={true}
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "What types of projects does Bee Studio take on?",
|
|
content: "We work on feature films, documentaries, commercials, and digital content across all genres. Our team specializes in narrative-driven projects that prioritize compelling storytelling."
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "How can I submit a script or project idea?",
|
|
content: "Please visit our submissions portal or send materials to submissions@beestudio.com. We review all submissions and respond within 6-8 weeks with feedback."
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Do you offer production services for external projects?",
|
|
content: "Yes, we offer comprehensive production services including cinematography, editing, sound design, and color grading for select external projects."
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "What is your typical project timeline?",
|
|
content: "Project timelines vary based on scope and scale. Feature films typically take 12-24 months from development to release. We provide detailed timelines during the initial consultation."
|
|
}
|
|
]}
|
|
ctaTitle="Get In Touch With Our Team"
|
|
ctaDescription="Have questions about our work or interested in collaborating? We'd love to hear from you."
|
|
ctaButton={{
|
|
text: "Send a Message",
|
|
href: "#contact-form"
|
|
}}
|
|
ctaIcon={Mail}
|
|
useInvertedBackground="invertDefault"
|
|
animationType="slide-up"
|
|
accordionAnimationType="smooth"
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardEleven
|
|
groups={[
|
|
{
|
|
id: "leadership",
|
|
groupTitle: "Key Contacts",
|
|
members: [
|
|
{
|
|
id: "1",
|
|
title: "Marcus Chen",
|
|
subtitle: "Founder & Director",
|
|
detail: "marcus@beestudio.com",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/smiley-man-with-camera_23-2148602762.jpg",
|
|
imageAlt: "Marcus Chen, Founder & Director"
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Sofia Rodriguez",
|
|
subtitle: "Executive Producer",
|
|
detail: "sofia@beestudio.com",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/young-male-blogger-recording-station_1303-22012.jpg",
|
|
imageAlt: "Sofia Rodriguez, Executive Producer"
|
|
}
|
|
]
|
|
}
|
|
]}
|
|
title="Contact Our Team"
|
|
description="Reach out to our key team members directly for specific inquiries about projects and collaborations."
|
|
tag="Direct Contact"
|
|
tagIcon={Users}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "Home", href: "/" },
|
|
{ label: "About", href: "/about" },
|
|
{ label: "Films", href: "/films" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Blog", href: "/blog" },
|
|
{ label: "Contact", href: "/contact" },
|
|
{ label: "Careers", href: "/careers" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Privacy Policy", href: "/privacy" },
|
|
{ label: "Terms of Service", href: "/terms" },
|
|
{ label: "Sitemap", href: "/sitemap" }
|
|
]
|
|
}
|
|
]}
|
|
logoText="Bee"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |