Initial commit
This commit is contained in:
476
src/app/page.tsx
Normal file
476
src/app/page.tsx
Normal file
@@ -0,0 +1,476 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Award, Clock, Crop, Diamond, DollarSign, Facebook, Feather, Film, HelpCircle, Instagram, MessageSquare, Send, Smile, Sparkles, Star, Volume2 } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLarge"
|
||||
background="none"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="EditPro Studio"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Transform Your Vision into Cinematic Reality"
|
||||
description="Expert video editing services for businesses, creators, and special events. We bring your stories to life with precision and creativity."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-young-businesswoman-digital-nomad-posing-her-office-wearing-casual-clothes_1258-195343.jpg",
|
||||
alt: "Client Sarah J.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-darkroom_23-2149893830.jpg",
|
||||
alt: "Client Michael K.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg",
|
||||
alt: "Client Emily R.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg",
|
||||
alt: "Client David S.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-young-hipster-man-hazel-eyes-wearing-trendy-plaid-shirt-posing-near-city-cafe_291049-1499.jpg",
|
||||
alt: "Client Jessica P.",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by over 100+ satisfied clients"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Our Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="opacity"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Precision Editing",
|
||||
icon: Crop,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Creative Storytelling",
|
||||
icon: Feather,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Stunning Visuals",
|
||||
icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Crystal Clear Audio",
|
||||
icon: Volume2,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Timely Delivery",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Client Satisfaction",
|
||||
icon: Smile,
|
||||
},
|
||||
]}
|
||||
marqueeSpeed={30}
|
||||
showMarqueeCard={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "About Our Dedicated Video Editing Studio",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover Our Story",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="opacity"
|
||||
description="At EditPro Studio, we are passionate about transforming raw footage into compelling visual narratives. With years of experience and a keen eye for detail, our team of expert editors collaborates closely with clients to bring their unique visions to life. We pride ourselves on delivering high-quality, impactful videos that resonate with audiences, whether for corporate brands, special events, or creative projects. Our commitment to excellence ensures every frame tells a story."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-streaming-home-studio-equipped-with-professional-streaming-equipment_482257-547.jpg"
|
||||
imageAlt="Modern video editing studio setup"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Inconsistent visual style",
|
||||
"Lack of engaging transitions",
|
||||
"Poor audio quality",
|
||||
"Missed deadlines",
|
||||
"Generic stock footage",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Cohesive brand aesthetic",
|
||||
"Dynamic, creative cuts",
|
||||
"Crystal-clear sound design",
|
||||
"Timely project delivery",
|
||||
"Custom-selected visuals",
|
||||
],
|
||||
}}
|
||||
title="Our Specialized Video Editing Services"
|
||||
description="From raw footage to polished masterpiece, we handle every detail to deliver captivating visual stories."
|
||||
tag="What We Offer"
|
||||
tagIcon={Sparkles}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Corporate Brand Film",
|
||||
price: "Custom Quote",
|
||||
variant: "Business",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera-new-movie_23-2149066395.jpg",
|
||||
imageAlt: "Corporate Brand Film Showcase",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Wedding Highlight Reel",
|
||||
price: "Starting at $800",
|
||||
variant: "Events",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trekking-forest_53876-13441.jpg",
|
||||
imageAlt: "Wedding Highlight Reel Sample",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Social Media Adverts",
|
||||
price: "Starting at $300",
|
||||
variant: "Marketing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-beauty-blogger-woman-recording-video-her-putting-makeup-talking-camera-making_1258-281645.jpg",
|
||||
imageAlt: "Social Media Advertisement",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Documentary Editing",
|
||||
price: "Custom Quote",
|
||||
variant: "Long Form",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-darkroom_23-2149893951.jpg",
|
||||
imageAlt: "Documentary Project",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Music Video Production",
|
||||
price: "Starting at $1200",
|
||||
variant: "Creative",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metallic-holographic-background_23-2148862181.jpg",
|
||||
imageAlt: "Music Video Edit",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Real Estate Showcase",
|
||||
price: "Starting at $500",
|
||||
variant: "Property",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-rich-woman-indoors-with-book_23-2149548505.jpg",
|
||||
imageAlt: "Real Estate Video Walkthrough",
|
||||
},
|
||||
]}
|
||||
title="Our Featured Projects"
|
||||
description="A showcase of our diverse video editing expertise across various industries and creative demands."
|
||||
tag="Our Work"
|
||||
tagIcon={Film}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Starter",
|
||||
tagIcon: Star,
|
||||
price: "$499",
|
||||
period: "/ project",
|
||||
description: "Ideal for short-form content and quick edits.",
|
||||
button: {
|
||||
text: "Choose Basic",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Up to 5 minutes of finished video",
|
||||
"Basic color correction",
|
||||
"Sound mixing",
|
||||
"One round of revisions",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Professional",
|
||||
tagIcon: Award,
|
||||
price: "$999",
|
||||
period: "/ project",
|
||||
description: "Perfect for polished brand videos and events.",
|
||||
button: {
|
||||
text: "Choose Pro",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Up to 15 minutes of finished video",
|
||||
"Advanced color grading",
|
||||
"Professional sound design",
|
||||
"Two rounds of revisions",
|
||||
"Motion graphics integration",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
tag: "Enterprise",
|
||||
tagIcon: Diamond,
|
||||
price: "Custom",
|
||||
period: "/ project",
|
||||
description: "For complex projects and ongoing partnership needs.",
|
||||
button: {
|
||||
text: "Contact for Quote",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Unlimited video length",
|
||||
"Cinematic color grading",
|
||||
"Original sound scoring",
|
||||
"Priority support & unlimited revisions",
|
||||
"Advanced VFX & 3D elements",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Flexible Pricing Plans"
|
||||
description="Tailored packages to fit your project needs and budget, ensuring quality without compromise."
|
||||
tag="Pricing"
|
||||
tagIcon={DollarSign}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
carouselMode="buttons"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Marketing Director, TechSolutions",
|
||||
testimonial: "EditPro Studio transformed our raw footage into a captivating brand story. Their attention to detail and creative input were exceptional!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-4107.jpg",
|
||||
imageAlt: "Sarah Johnson",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
role: "Event Coordinator, Grand Events Co.",
|
||||
testimonial: "Our wedding highlight reel was more beautiful than we ever imagined. The team captured every emotion perfectly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",
|
||||
imageAlt: "Michael Chen",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Content Creator, Emily's Adventures",
|
||||
testimonial: "Fast, reliable, and incredibly talented. EditPro Studio consistently elevates my social media content to the next level.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-wearing-earrings-yellow-sweater_273609-4974.jpg",
|
||||
imageAlt: "Emily Rodriguez",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
role: "Real Estate Agent, Elite Properties",
|
||||
testimonial: "The property showcase video they created helped us sell a luxury listing faster than expected. Truly professional work.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-with-space-buns-yellow-turtleneck_273609-6932.jpg",
|
||||
imageAlt: "David Kim",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica Perez",
|
||||
role: "Indie Filmmaker",
|
||||
testimonial: "Their documentary editing brought clarity and impact to our complex narrative. A fantastic partner for any serious project.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-florist-speaking-phone_23-2147760930.jpg",
|
||||
imageAlt: "Jessica Perez",
|
||||
},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear directly from those who've experienced our commitment to excellence and transformative video editing services."
|
||||
tag="Client Stories"
|
||||
tagIcon={MessageSquare}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What is your typical turnaround time?",
|
||||
content: "Turnaround time varies based on project complexity and length. For standard projects, expect 3-7 business days. Expedited services are available upon request.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What kind of footage do you accept?",
|
||||
content: "We accept footage from all common cameras and devices, including DSLRs, mirrorless cameras, smartphones, drones, and professional cinema cameras. Raw files, ProRes, H.264, and more are all compatible.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer custom music or sound design?",
|
||||
content: "Yes, we can source royalty-free music, work with licensed tracks you provide, or create custom sound designs to perfectly match your video's mood and message. Original scoring is available for premium packages.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "How does the revision process work?",
|
||||
content: "Each plan includes a specific number of revision rounds. You'll receive a draft, provide feedback, and we'll implement changes. Our goal is to ensure you are 100% satisfied with the final product.",
|
||||
},
|
||||
{
|
||||
id: "q5",
|
||||
title: "Can you work with existing branding guidelines?",
|
||||
content: "Absolutely! We excel at integrating your brand's specific colors, fonts, logos, and animation styles to ensure consistency across all your video content.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about our video editing process, pricing, and project collaboration."
|
||||
tag="Need Answers?"
|
||||
tagIcon={HelpCircle}
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Ready to Start?"
|
||||
title="Let's Create Something Amazing"
|
||||
description="Get a personalized quote or discuss your project in detail. We're eager to hear your ideas and bring them to life."
|
||||
tagIcon={Send}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/writing-near-cinematography-halloween-supplies_23-2147894259.jpg"
|
||||
imageAlt="Video editing equipment"
|
||||
mediaAnimation="opacity"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Get a Free Quote"
|
||||
termsText="By clicking 'Get a Free Quote', you're confirming that you agree with our Terms and Conditions and Privacy Policy."
|
||||
onSubmit={(email) => console.log('Email submitted:', email)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="EditPro Studio"
|
||||
copyrightText="© 2024 EditPro Studio. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Film,
|
||||
href: "#",
|
||||
ariaLabel: "YouTube",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user