170 lines
6.5 KiB
TypeScript
170 lines
6.5 KiB
TypeScript
"use client";
|
|
|
|
import Link from 'next/link';
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import TeamCardTen from '@/components/sections/team/TeamCardTen';
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import { CheckCircle, Clapperboard } from 'lucide-react';
|
|
|
|
export default function AboutPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="large"
|
|
background="circleGradient"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleMinimal
|
|
brandName="Happy Bee"
|
|
button={{
|
|
text: "Get In Touch",
|
|
href: "/contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{ type: "text", content: "Building cinematic excellence with" },
|
|
{ type: "image", src: "https://img.b2bpic.net/free-photo/professional-camera-tripod_1268-20718.jpg", alt: "Happy Bee Studio Equipment" },
|
|
{ type: "text", content: "visionary storytelling and unmatched expertise" }
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
buttons={[
|
|
{ text: "View Our Work", href: "/films" },
|
|
{ text: "Start a Project", href: "/contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardTen
|
|
title="Our award-winning team combines decades of industry experience with fresh creative perspectives to deliver exceptional cinematic results"
|
|
tag="Creative Leadership"
|
|
members={[
|
|
{
|
|
id: "1",
|
|
name: "Alexandra Chen",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/portrait-bearded-young-reporter-with-photo-camera-dark-photo-studio_613910-3843.jpg",
|
|
imageAlt: "Alexandra Chen, Director"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Marcus Williams",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/traveler-female-holds-digital-photo-camera-takeaway-coffee-grey-background_613910-737.jpg",
|
|
imageAlt: "Marcus Williams, Producer"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Sophie Laurent",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/portrait-bearded-young-reporter-with-photo-camera-dark-photo-studio_613910-12968.jpg",
|
|
imageAlt: "Sophie Laurent, Cinematographer"
|
|
}
|
|
]}
|
|
memberVariant="default"
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTen
|
|
title="Our Comprehensive Services"
|
|
description="End-to-end film production excellence from initial concept through theatrical release"
|
|
tag="Full Service Studio"
|
|
tagIcon={Clapperboard}
|
|
features={[
|
|
{
|
|
id: "1",
|
|
title: "Pre-Production Planning",
|
|
description: "Strategic development of your project from script to storyboard with our experienced creative team",
|
|
media: {
|
|
imageSrc: "https://img.b2bpic.net/free-photo/man-recording-studio-music-production_1303-20398.jpg"
|
|
},
|
|
items: [
|
|
{ icon: CheckCircle, text: "Script development & analysis" },
|
|
{ icon: CheckCircle, text: "Storyboarding & visual planning" },
|
|
{ icon: CheckCircle, text: "Budget optimization" }
|
|
],
|
|
reverse: false
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Professional Production",
|
|
description: "High-quality filming with state-of-the-art equipment and experienced crew",
|
|
media: {
|
|
imageSrc: "https://img.b2bpic.net/free-photo/camcorder-camera-with-film-reels-popcorn_23-2148188210.jpg"
|
|
},
|
|
items: [
|
|
{ icon: CheckCircle, text: "4K & 8K cinema cameras" },
|
|
{ icon: CheckCircle, text: "Professional crew management" },
|
|
{ icon: CheckCircle, text: "Location scouting & logistics" }
|
|
],
|
|
reverse: true
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Post-Production Excellence",
|
|
description: "Cutting-edge editing, color grading, and sound design to perfect your vision",
|
|
media: {
|
|
imageSrc: "https://img.b2bpic.net/free-photo/professional-camera-tripod_1268-20718.jpg"
|
|
},
|
|
items: [
|
|
{ icon: CheckCircle, text: "Professional video editing" },
|
|
{ icon: CheckCircle, text: "Color grading & correction" },
|
|
{ icon: CheckCircle, text: "Sound design & mixing" }
|
|
],
|
|
reverse: false
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Happy Bee Studios"
|
|
copyrightText="© 2025 Happy Bee Movie Studio. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{ label: "About Us", href: "/about" },
|
|
{ label: "Our Films", href: "/films" },
|
|
{ label: "Team", href: "/team" }
|
|
]
|
|
},
|
|
{
|
|
title: "Services",
|
|
items: [
|
|
{ label: "Production", href: "/" },
|
|
{ label: "Post-Production", href: "/" },
|
|
{ label: "Consultancy", href: "/" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect",
|
|
items: [
|
|
{ label: "Contact Us", href: "/contact" },
|
|
{ label: "Partnerships", href: "/contact" },
|
|
{ label: "Careers", href: "/contact" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |