327 lines
21 KiB
TypeScript
327 lines
21 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
|
|
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
|
|
import ProductCardThree from "@/components/sections/product/ProductCardThree";
|
|
import TeamCardTwo from "@/components/sections/team/TeamCardTwo";
|
|
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
|
|
import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
|
|
import FaqBase from "@/components/sections/faq/FaqBase";
|
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
|
import FooterBase from "@/components/sections/footer/FooterBase";
|
|
import { Camera, Video, Settings, Heart, Building2, Sparkles, CircleDollarSign, ArrowLeftRight, Send, Award, Package, Users, HelpCircle, DollarSign, Star, Instagram, Linkedin, Youtube, Dribbble } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="blurBottom"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Aperture Studios"
|
|
navItems={[
|
|
{ name: "Portfolio", id: "portfolio" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "About", id: "team" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
]}
|
|
button={{
|
|
text: "Book Now", href: "contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardDashboard
|
|
title="Capture Your Moments, Create Your Legacy"
|
|
description="Premium photography and videography services for weddings, corporate events, and editorial shoots. We bring your vision to life with artistry and precision."
|
|
tag="Professional Photography"
|
|
tagIcon={Camera}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "radial-gradient" }}
|
|
buttons={[
|
|
{ text: "Explore Portfolio", href: "portfolio" },
|
|
{ text: "Get Quote", href: "contact" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
dashboard={{
|
|
title: "Our Photography Impact", logoIcon: Sparkles,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/crop-photographers-with-laptop-camera_1098-21638.jpg", sidebarItems: [
|
|
{ icon: Camera },
|
|
{ icon: Video },
|
|
{ icon: Settings },
|
|
],
|
|
buttons: [
|
|
{ text: "Book Session", href: "contact" },
|
|
{ text: "View Packages", href: "pricing" },
|
|
],
|
|
stats: [
|
|
{
|
|
title: "Projects", values: [150, 200, 250],
|
|
description: "Successfully completed"},
|
|
{
|
|
title: "Clients", values: [120, 180, 240],
|
|
description: "Happy customers"},
|
|
{
|
|
title: "Awards", values: [12, 18, 25],
|
|
description: "Industry recognition"},
|
|
],
|
|
chartTitle: "Booking Trend", chartData: [
|
|
{ value: 45 },
|
|
{ value: 60 },
|
|
{ value: 75 },
|
|
{ value: 70 },
|
|
{ value: 85 },
|
|
],
|
|
listTitle: "Recent Projects", listItems: [
|
|
{ icon: Heart, title: "Sarah & Michael Wedding", status: "Completed" },
|
|
{ icon: Building2, title: "TechCorp Annual Event", status: "Completed" },
|
|
{ icon: Sparkles, title: "Fashion Magazine Shoot", status: "In Progress" },
|
|
],
|
|
searchPlaceholder: "Search projects...", imageAlt: "Photography dashboard"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="portfolio" data-section="portfolio">
|
|
<FeatureCardTwentyFour
|
|
title="Featured Work"
|
|
description="Showcasing our most memorable and impactful photography projects that define our artistic vision and commitment to excellence."
|
|
tag="Portfolio"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "wedding-001", title: "Luxury Wedding Collection", author: "Jessica Chen", description: "An intimate celebration of love captured across three continents. Featuring stunning natural light photography and cinematic videography.", tags: ["Wedding", "Documentary"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/back-view-loving-father-with-bride-daughter-long-puffy-white-dress-go-goom-wedding-ceremony-outdoors-touching-moment-guests-married-couple-stylish-wedding-altar_8353-12503.jpg", imageAlt: "Luxury wedding photography"},
|
|
{
|
|
id: "corporate-001", title: "Corporate Brand Storytelling", author: "Marcus Rodriguez", description: "Executive portraits and corporate event coverage for Fortune 500 companies. Professionalism meets artistic expression.", tags: ["Corporate", "Branding"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-computer-with-data-charts-management-strategy-corporate-office-entrepreneur-using-technology-monitor-research-analysis-design-planning_482257-32048.jpg", imageAlt: "Corporate photography"},
|
|
{
|
|
id: "fashion-001", title: "Editorial Fashion Magazine", author: "Emma Williams", description: "High-fashion editorial work published in international magazines. Bold, artistic, and trend-setting imagery.", tags: ["Fashion", "Editorial"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/charming-blonde-curly-lady-red-sunglasses-beige-trench-coat-bright-silk-skirt-looks-up-sits-windowsill-near-window_197531-28389.jpg", imageAlt: "Fashion editorial photography"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<ProductCardThree
|
|
title="Our Services"
|
|
description="Professional photography and videography packages tailored to your needs. From intimate moments to grand events, we've got you covered."
|
|
tag="Services Offered"
|
|
tagIcon={Package}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
gridVariant="three-columns-all-equal-width"
|
|
products={[
|
|
{
|
|
id: "wedding-package", name: "Wedding Photography", price: "$2,500", imageSrc: "http://img.b2bpic.net/free-photo/groom-bride-their-wedding-day-forest_1303-29404.jpg", imageAlt: "Wedding photography package", initialQuantity: 1,
|
|
},
|
|
{
|
|
id: "portrait-package", name: "Professional Portraits", price: "$500", imageSrc: "http://img.b2bpic.net/free-photo/dark-blonde-bearded-man-crosses-his-hands-chest-posing-black-shirt_8353-1116.jpg", imageAlt: "Professional portrait session", initialQuantity: 1,
|
|
},
|
|
{
|
|
id: "corporate-package", name: "Corporate Events", price: "$1,500", imageSrc: "http://img.b2bpic.net/free-photo/formal-event_1098-14663.jpg", imageAlt: "Corporate event photography", initialQuantity: 1,
|
|
},
|
|
{
|
|
id: "video-package", name: "Video Production", price: "$3,000", imageSrc: "http://img.b2bpic.net/free-photo/filmmaker-recording-opinion-about-video-light-holding-her-front-camera-professional-studio-video-photo-equipment-technology-work-photo-studio-social-media-star-influencer_482257-3869.jpg", imageAlt: "Professional video production", initialQuantity: 1,
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardTwo
|
|
title="Meet Our Team"
|
|
description="Talented photographers and videographers dedicated to capturing your most precious moments with artistry and passion."
|
|
tag="Our Experts"
|
|
tagIcon={Users}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
gridVariant="three-columns-all-equal-width"
|
|
members={[
|
|
{
|
|
id: "photographer-1", name: "Alex Thompson", role: "Lead Photographer", description: "10+ years of experience capturing weddings and editorial work. Award-winning photographer with a passion for storytelling through light.", imageSrc: "http://img.b2bpic.net/free-photo/photographer-man-viewing-his-photos-camera-outdoor_53876-127224.jpg", imageAlt: "Alex Thompson", socialLinks: [
|
|
{ icon: Instagram, url: "https://instagram.com" },
|
|
{ icon: Linkedin, url: "https://linkedin.com" },
|
|
],
|
|
},
|
|
{
|
|
id: "videographer-1", name: "Sarah Mitchell", role: "Videographer", description: "Specializing in cinematic wedding films and corporate videos. Creates emotional, narrative-driven visual experiences.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-female-photographer-taking-pictures-with-professional-camera-tripod_613910-3601.jpg", imageAlt: "Sarah Mitchell", socialLinks: [
|
|
{ icon: Instagram, url: "https://instagram.com" },
|
|
{ icon: Youtube, url: "https://youtube.com" },
|
|
],
|
|
},
|
|
{
|
|
id: "editor-1", name: "Marcus Lee", role: "Post-Production Specialist", description: "Expert in color grading and photo editing. Transforms raw captures into stunning final images with meticulous attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741795.jpg", imageAlt: "Marcus Lee", socialLinks: [
|
|
{ icon: Instagram, url: "https://instagram.com" },
|
|
{ icon: Dribbble, url: "https://dribbble.com" },
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="What Our Clients Say"
|
|
description="Real feedback from couples, brands, and organizations who trusted us with their most important moments."
|
|
tag="Client Reviews"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
speed={40}
|
|
topMarqueeDirection="left"
|
|
testimonials={[
|
|
{
|
|
id: "testimonial-1", name: "Jennifer & David", handle: "@jennanddave_wedding", testimonial: "Aperture Studios captured every magical moment of our wedding day with such artistry. The photos are timeless and absolutely stunning!", imageSrc: "http://img.b2bpic.net/free-vector/flat-pack-female-avatars_23-2147676210.jpg?_wi=1", imageAlt: "Jennifer"},
|
|
{
|
|
id: "testimonial-2", name: "Robert Chen", handle: "CEO, InnovateTech", testimonial: "Professional, creative, and reliable. They brought our corporate brand to life with exceptional photography and attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/confident-european-businessman-smiling-closeup-portrait-jobs-career-campaign_53876-128975.jpg", imageAlt: "Robert Chen"},
|
|
{
|
|
id: "testimonial-3", name: "Emma Rodriguez", handle: "Fashion Director", testimonial: "Working with this team on our editorial shoot was incredible. They understood our vision and elevated it beyond expectations.", imageSrc: "http://img.b2bpic.net/free-vector/flat-pack-female-avatars_23-2147676210.jpg?_wi=2", imageAlt: "Emma Rodriguez"},
|
|
{
|
|
id: "testimonial-4", name: "Michael & Lisa", handle: "@michaelislisa", testimonial: "From the first consultation to final delivery, everything was perfect. They made us feel comfortable and captured us so authentically.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-caucasian-guy-with-beard-smiling-looking-happy-camera-standing-blue-background_1258-40230.jpg", imageAlt: "Michael"},
|
|
{
|
|
id: "testimonial-5", name: "Patricia Wong", handle: "Event Coordinator", testimonial: "Year after year, we choose Aperture Studios for our premium events. Consistent excellence and artistic vision every single time.", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", imageAlt: "Patricia Wong"},
|
|
{
|
|
id: "testimonial-6", name: "James Thompson", handle: "@james_corporate", testimonial: "Their corporate headshots transformed our executive team's professional image. Everyone looks confident and approachable.", imageSrc: "http://img.b2bpic.net/free-vector/call-center-avatar-pack_23-2147941911.jpg", imageAlt: "James Thompson"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardFive
|
|
title="Transparent Pricing"
|
|
description="Choose the package that fits your needs. All packages include editing, high-resolution files, and digital gallery access."
|
|
tag="Pricing"
|
|
tagIcon={DollarSign}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "starter", tag: "Starter Package", price: "$500", period: "/session", description: "Perfect for portraits, headshots, and small creative projects.", button: { text: "Get Started", href: "contact" },
|
|
featuresTitle: "What's Included:", features: [
|
|
"2-hour session", "Edited high-res photos", "Digital gallery access", "Print rights included"],
|
|
},
|
|
{
|
|
id: "professional", tag: "Professional Package", price: "$1,500", period: "/event", description: "Ideal for corporate events, product shoots, and special occasions.", button: { text: "Book Now", href: "contact" },
|
|
featuresTitle: "What's Included:", features: [
|
|
"4-hour coverage", "500+ edited photos", "Online gallery", "Same-day highlights video", "Commercial license"],
|
|
},
|
|
{
|
|
id: "premium", tag: "Premium Package", price: "$2,500", period: "/event", description: "Our most comprehensive offering for weddings and major events.", button: { text: "Schedule Consultation", href: "contact" },
|
|
featuresTitle: "What's Included:", features: [
|
|
"8-hour full coverage", "1000+ edited photos", "Engagement session", "Cinematic wedding film", "Premium album", "Lifetime storage access"],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our photography services, booking process, and deliverables."
|
|
tag="FAQ"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
faqsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
animationType="smooth"
|
|
faqs={[
|
|
{
|
|
id: "faq-1", title: "What is your booking process?", content: "Simply contact us through our website to discuss your vision. We'll provide a custom quote, and once you're ready, we'll secure your date with a 50% deposit. Final payment is due two weeks before your event."},
|
|
{
|
|
id: "faq-2", title: "How long does it take to receive edited photos?", content: "For events, edited photos are typically delivered within 3-4 weeks. For portraits and commercial shoots, delivery is within 2 weeks. Rush processing is available for an additional fee."},
|
|
{
|
|
id: "faq-3", title: "Do you offer videography services?", content: "Yes! We offer professional videography and cinematic video production. Video packages can be combined with photography for comprehensive coverage. Inquire about our video pricing."},
|
|
{
|
|
id: "faq-4", title: "What happens if weather conditions affect our shoot?", content: "We're experienced in all weather conditions and prepared with backup locations and creative solutions. For outdoor events, we have contingency plans and offer rescheduling if absolutely necessary."},
|
|
{
|
|
id: "faq-5", title: "Are the edited photos mine to use commercially?", content: "Yes, for commercial licenses and usage rights. Our premium packages include commercial use rights. Please discuss your specific needs during consultation."},
|
|
{
|
|
id: "faq-6", title: "Do you offer engagement or pre-wedding sessions?", content: "Absolutely! We include complimentary engagement sessions with our premium wedding package. Additional sessions can be booked separately."},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Let's Capture Your Story"
|
|
description="Ready to book your photography session or discuss a custom project? Get in touch with our team. We'll respond within 24 hours."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
|
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
|
|
{ name: "event_type", type: "text", placeholder: "Type of Photography Needed", required: true },
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Tell us about your vision and any special requests...", rows: 5,
|
|
required: true,
|
|
}}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/set-up-studio-shoot_53876-144951.jpg"
|
|
imageAlt="Photography studio setup"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
buttonText="Get In Touch"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Aperture Studios"
|
|
copyrightText="© 2025 Aperture Studios. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Wedding Photography", href: "#services" },
|
|
{ label: "Corporate Events", href: "#services" },
|
|
{ label: "Editorial Shoots", href: "#services" },
|
|
{ label: "Video Production", href: "#services" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#team" },
|
|
{ label: "Our Portfolio", href: "#portfolio" },
|
|
{ label: "Testimonials", href: "#testimonials" },
|
|
{ label: "Blog", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Book a Session", href: "#contact" },
|
|
{ label: "Get Quote", href: "#contact" },
|
|
{ label: "hello@aperturestudios.com", href: "mailto:hello@aperturestudios.com" },
|
|
{ label: "Privacy Policy", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|