Initial commit
This commit is contained in:
Nikolay Pecheniev
154
src/app/contact/page.tsx
Normal file
154
src/app/contact/page.tsx
Normal file
@@ -0,0 +1,154 @@
|
||||
"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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user