309 lines
20 KiB
TypeScript
309 lines
20 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
|
|
import MediaAbout from "@/components/sections/about/MediaAbout";
|
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
|
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
|
import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
|
|
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
|
|
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
|
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
|
import { Film, Clapper, Video, Clapperboard, Lightbulb, Users, Zap, Star } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="grid"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Penfold Studio"
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Projects", id: "work" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Packages", id: "merch" },
|
|
{ name: "Connect", id: "contact" }
|
|
]}
|
|
button={{ text: "Get in Touch", href: "contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="PENFOLD"
|
|
description="Crafting compelling short films that captivate audiences through cinematic storytelling, innovative visual narratives, and production excellence."
|
|
buttons={[
|
|
{ text: "View Our Films", href: "work" },
|
|
{ text: "Start Your Project", href: "contact" }
|
|
]}
|
|
slides={[
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASFmwoziiOLtLOdTytWZKKpb37/uploaded-1772578491143-z0kkbb49.jpg?_wi=1", imageAlt: "Penfold Studio Film Production"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASFmwoziiOLtLOdTytWZKKpb37/uploaded-1772578491143-z0kkbb49.jpg?_wi=2", imageAlt: "Cinematic Excellence"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASFmwoziiOLtLOdTytWZKKpb37/uploaded-1772578491143-z0kkbb49.jpg?_wi=3", imageAlt: "Visual Storytelling"
|
|
}
|
|
]}
|
|
autoplayDelay={4000}
|
|
showDimOverlay={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="About Penfold Studio"
|
|
description="At Penfold Studio, we specialize in short film production that combines artistic vision with technical excellence. Our experienced team of directors, cinematographers, and editors collaborate to create compelling visual stories that resonate with audiences. From concept development to final delivery, we bring cinematic quality to every project."
|
|
tag="About Us"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASFmwoziiOLtLOdTytWZKKpb37/uploaded-1772578491143-z0kkbb49.jpg?_wi=4"
|
|
imageAlt="Penfold Studio Production Team"
|
|
buttons={[{ text: "Learn More", href: "#services" }]}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="work" data-section="work">
|
|
<ProductCardTwo
|
|
title="Our Film Projects"
|
|
description="Discover our portfolio of award-winning short films and creative projects that showcase our expertise in cinematic storytelling and visual production excellence."
|
|
tag="Portfolio"
|
|
products={[
|
|
{
|
|
id: "1", brand: "Penfold Studio", name: "Cinematic Short Film", price: "Production | Cinematography", rating: 5,
|
|
reviewCount: "12 Awards", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASFmwoziiOLtLOdTytWZKKpb37/uploaded-1772578491143-z0kkbb49.jpg?_wi=5", imageAlt: "Cinematic Short Film"
|
|
},
|
|
{
|
|
id: "2", brand: "Penfold Studio", name: "Documentary Short", price: "Production | Documentary", rating: 5,
|
|
reviewCount: "8 Awards", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASFmwoziiOLtLOdTytWZKKpb37/uploaded-1772578491143-z0kkbb49.jpg?_wi=6", imageAlt: "Documentary Short"
|
|
},
|
|
{
|
|
id: "3", brand: "Penfold Studio", name: "Narrative Film Project", price: "Production | Editing", rating: 5,
|
|
reviewCount: "15 Awards", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASFmwoziiOLtLOdTytWZKKpb37/uploaded-1772578491143-z0kkbb49.jpg?_wi=7", imageAlt: "Narrative Film Project"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureBento
|
|
title="Our Services"
|
|
description="From pre-production planning to post-production finishing, we offer comprehensive short film production services tailored to your creative vision."
|
|
tag="Services"
|
|
features={[
|
|
{
|
|
title: "Pre-Production & Development", description: "Complete project planning from concept to script, storyboarding, and production design.", bentoComponent: "globe"
|
|
},
|
|
{
|
|
title: "Cinematography & Shooting", description: "Professional filming with state-of-the-art equipment and experienced cinematography teams.", bentoComponent: "animated-bar-chart"
|
|
},
|
|
{
|
|
title: "Creative Direction & Production", description: "Artistic vision and technical excellence guiding every aspect of your film production.", bentoComponent: "marquee", centerIcon: Film,
|
|
variant: "text", texts: ["Cinematic Vision", "Production Excellence", "Visual Storytelling", "Creative Innovation"]
|
|
},
|
|
{
|
|
title: "Post-Production & Editing", description: "Professional editing, color grading, sound design, and final mastering for cinema-quality delivery.", bentoComponent: "icon-info-cards", items: [
|
|
{ icon: Video, label: "Editing", value: "Expert" },
|
|
{ icon: Clapperboard, label: "Grading", value: "Premium" },
|
|
{ icon: Film, label: "Mastering", value: "Professional" }
|
|
]
|
|
},
|
|
{
|
|
title: "Collaborative Partnership", description: "We work closely with creators and organizations to bring their vision to life with technical expertise and artistic passion.", bentoComponent: "orbiting-icons", centerIcon: Lightbulb,
|
|
items: [
|
|
{ icon: Users, ring: 1 },
|
|
{ icon: Zap, ring: 1 },
|
|
{ icon: Star, ring: 2 }
|
|
]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="merch" data-section="merch">
|
|
<PricingCardNine
|
|
title="Production Packages"
|
|
description="Choose the perfect package for your short film production needs."
|
|
tag="Pricing"
|
|
plans={[
|
|
{
|
|
id: "starter", title: "Short Film Starter", price: "$5,000", period: "project", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASFmwoziiOLtLOdTytWZKKpb37/uploaded-1772578491143-z0kkbb49.jpg?_wi=8", imageAlt: "Short Film Starter Package", button: { text: "Get Started", href: "#contact" },
|
|
features: [
|
|
"Pre-production consultation", "1-3 minute film production", "Professional cinematography", "Basic color grading and editing", "Final delivery in multiple formats"
|
|
]
|
|
},
|
|
{
|
|
id: "professional", title: "Professional Production", price: "$15,000", period: "project", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASFmwoziiOLtLOdTytWZKKpb37/uploaded-1772578491143-z0kkbb49.jpg?_wi=9", imageAlt: "Professional Production Package", button: { text: "Choose Plan", href: "#contact" },
|
|
features: [
|
|
"Complete pre-production planning", "3-10 minute film production", "Professional cinematography team", "Advanced color grading and VFX", "Sound design and mixing", "Festival-ready delivery package"
|
|
]
|
|
},
|
|
{
|
|
id: "enterprise", title: "Premium Production", price: "Custom", period: "quote", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASFmwoziiOLtLOdTytWZKKpb37/uploaded-1772578491143-z0kkbb49.jpg?_wi=10", imageAlt: "Premium Production Package", button: { text: "Schedule Consultation", href: "#contact" },
|
|
features: [
|
|
"Dedicated production team", "Unlimited length film production", "Full pre and post-production services", "Premium cinematography and equipment", "Complete VFX and motion graphics", "Professional sound and music composition", "Festival submission support"
|
|
]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="Client Stories"
|
|
description="Hear from filmmakers, brands, and creators who've partnered with Penfold Studio for their short film projects."
|
|
tag="Testimonials"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Alexandra Turner", handle: "@alexandrafilms", testimonial: "Penfold transformed our script into a stunning visual masterpiece. Their cinematography and editing expertise elevated our short film beyond our expectations.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASFmwoziiOLtLOdTytWZKKpb37/uploaded-1772578491143-z0kkbb49.jpg?_wi=11", imageAlt: "Alexandra Turner"
|
|
},
|
|
{
|
|
id: "2", name: "Marcus Reynolds", handle: "@marcusproductions", testimonial: "Working with Penfold was a game-changer. Their professional production team brought technical excellence and creative vision to every frame of our film.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASFmwoziiOLtLOdTytWZKKpb37/uploaded-1772578491143-z0kkbb49.jpg?_wi=12", imageAlt: "Marcus Reynolds"
|
|
},
|
|
{
|
|
id: "3", name: "Elena Sophia", handle: "@elenasophia_films", testimonial: "Penfold's post-production work was exceptional. Their color grading and sound design gave our short film a cinema-quality finish that impressed at festivals.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASFmwoziiOLtLOdTytWZKKpb37/uploaded-1772578491143-z0kkbb49.jpg?_wi=13", imageAlt: "Elena Sophia"
|
|
},
|
|
{
|
|
id: "4", name: "James Mitchell", handle: "@jamesmitchell_filmmaker", testimonial: "Penfold's expertise in film production is unmatched. They understood our creative vision and delivered a short film that exceeded all our expectations.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASFmwoziiOLtLOdTytWZKKpb37/uploaded-1772578491143-z0kkbb49.jpg?_wi=14", imageAlt: "James Mitchell"
|
|
},
|
|
{
|
|
id: "5", name: "Catherine Woods", handle: "@catherinewood_production", testimonial: "Exceptional collaborative process and outstanding deliverables. Penfold is the production partner you want for serious film projects demanding excellence.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASFmwoziiOLtLOdTytWZKKpb37/uploaded-1772578491143-z0kkbb49.jpg?_wi=15", imageAlt: "Catherine Woods"
|
|
},
|
|
{
|
|
id: "6", name: "David Foster", handle: "@davidfoster_films", testimonial: "From pre-production to final delivery, Penfold delivered excellence at every stage. Their dedication to quality and cinematic vision is truly exceptional.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASFmwoziiOLtLOdTytWZKKpb37/uploaded-1772578491143-z0kkbb49.jpg?_wi=16", imageAlt: "David Foster"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
speed={40}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Get answers to common questions about our short film production services and creative process."
|
|
tag="Help"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How do I start a short film project with Penfold Studio?", content: "Getting started is simple. Reach out through our contact form or email us to schedule an initial consultation. We'll discuss your film concept, creative vision, goals, and how we can best support your production needs."
|
|
},
|
|
{
|
|
id: "2", title: "What is your typical production timeline?", content: "Project timelines vary based on scope, complexity, and length. Typically, short film projects take 6-16 weeks from pre-production through final delivery. We'll provide a detailed timeline during the consultation phase based on your specific requirements."
|
|
},
|
|
{
|
|
id: "3", title: "Do you work with international filmmakers and brands?", content: "Absolutely! We've successfully collaborated with filmmakers and clients worldwide. Our flexible production process and digital-first approach make it easy to work across time zones and locations."
|
|
},
|
|
{
|
|
id: "4", title: "What deliverables are included in your production packages?", content: "Deliverables vary by package but typically include: filmed footage, edited cut, color-graded version, sound mix, multiple format deliveries (4K, 1080p, etc.), and documentation. We customize deliverables to meet your specific distribution and exhibition needs."
|
|
},
|
|
{
|
|
id: "5", title: "Do you offer support for film festival submissions?", content: "Yes! We provide festival submission consultation and support to help your short film reach the right festivals. We ensure all deliverables meet festival technical requirements and can advise on submission strategy."
|
|
},
|
|
{
|
|
id: "6", title: "Can you work within my budget constraints?", content: "We believe quality filmmaking should be accessible. We offer flexible packages and can discuss custom solutions to work within your budget while maintaining high production standards. Let's talk about what's possible for your project."
|
|
}
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASFmwoziiOLtLOdTytWZKKpb37/uploaded-1772578491143-z0kkbb49.jpg?_wi=17"
|
|
imageAlt="Penfold Studio Production Support"
|
|
mediaPosition="left"
|
|
animationType="smooth"
|
|
mediaAnimation="slide-up"
|
|
faqsAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Let's Create Your Next Short Film"
|
|
description="Whether you have a film concept, need production expertise, or want to collaborate on a creative project, we'd love to explore how we can partner with you. Get in touch and let's bring your vision to the screen."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
|
{ name: "company", type: "text", placeholder: "Your Company (Optional)", required: false },
|
|
{ name: "filmType", type: "text", placeholder: "Film Type/Genre", required: true }
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Tell us about your film project, vision, and production goals...", rows: 5,
|
|
required: true
|
|
}}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASFmwoziiOLtLOdTytWZKKpb37/uploaded-1772578491143-z0kkbb49.jpg?_wi=18"
|
|
imageAlt="Collaborate With Penfold"
|
|
mediaPosition="right"
|
|
mediaAnimation="slide-up"
|
|
buttonText="Send Message"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Penfold Studio"
|
|
columns={[
|
|
{
|
|
title: "Navigation", items: [
|
|
{ label: "Home", href: "#home" },
|
|
{ label: "Projects", href: "#work" },
|
|
{ label: "Services", href: "#services" },
|
|
{ label: "Packages", href: "#merch" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Team", href: "#" },
|
|
{ label: "Blog", href: "#" },
|
|
{ label: "Contact", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "YouTube", href: "https://youtube.com" },
|
|
{ label: "LinkedIn", href: "https://linkedin.com" },
|
|
{ label: "Vimeo", href: "https://vimeo.com" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Penfold Studio. All rights reserved. Crafting exceptional short films and visual narratives."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|