Merge version_1_1781680432551 into main #2
@@ -12,295 +12,124 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroBillboardBrand
|
||||
brand="AXEN MEDIA"
|
||||
description="Consistent, Fast & Reliable. Everything a Freelancer Isn't. Global brands trust us for end-to-end production."
|
||||
primaryButton={{
|
||||
text: "See Our Work",
|
||||
href: "#projects",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Book a Free Call",
|
||||
href: "#contact",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-developing-photos_23-2149893933.jpg?_wi=1"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
brand="AXEN MEDIA"
|
||||
description="Consistent, Fast & Reliable. Everything a Freelancer Isn't. Global brands trust us for end-to-end production."
|
||||
primaryButton={{ text: "See Our Work", href: "#projects" }}
|
||||
secondaryButton={{ text: "Book a Free Call", href: "#contact" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-developing-photos_23-2149893933.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialTrustCard
|
||||
quote="The confidence of those who collaborate with us is unmatched. Axen Media delivers measurable results that we are truly proud to talk about."
|
||||
rating={5}
|
||||
author="Marcus Thorne"
|
||||
avatars={[
|
||||
{
|
||||
name: "Sarah",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-hipster-man-posing-studio_158538-25512.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "John",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/super-hero-businessman-red-cape-glasses-looking-front-being-displeased-frowning-standing-orange-wall_141793-53246.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/being-creative-with-textures-colours_329181-18136.jpg",
|
||||
},
|
||||
{
|
||||
name: "David",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/super-hero-businessman-red-cape-holding-speech-bubble-sign-with-word-idea-pointing-with-index-finger-camera-smiling-standing-green-background_141793-49163.jpg",
|
||||
},
|
||||
{
|
||||
name: "Anna",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businesswoman-with-hands-crossed_1098-20032.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
quote="The confidence of those who collaborate with us is unmatched. Axen Media delivers measurable results that we are truly proud to talk about."
|
||||
rating={5}
|
||||
author="Marcus Thorne"
|
||||
avatars={[
|
||||
{ name: "Sarah", imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-hipster-man-posing-studio_158538-25512.jpg" },
|
||||
{ name: "John", imageSrc: "http://img.b2bpic.net/free-photo/super-hero-businessman-red-cape-glasses-looking-front-being-displeased-frowning-standing-orange-wall_141793-53246.jpg" },
|
||||
{ name: "Elena", imageSrc: "http://img.b2bpic.net/free-photo/being-creative-with-textures-colours_329181-18136.jpg" },
|
||||
{ name: "David", imageSrc: "http://img.b2bpic.net/free-photo/super-hero-businessman-red-cape-holding-speech-bubble-sign-with-word-idea-pointing-with-index-finger-camera-smiling-standing-green-background_141793-49163.jpg" },
|
||||
{ name: "Anna", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businesswoman-with-hands-crossed_1098-20032.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SectionErrorBoundary name="social-proof">
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SectionErrorBoundary name="social-proof">
|
||||
<SocialProofMarquee
|
||||
tag="Trusted By"
|
||||
title="Used by 60+ brands who value storytelling"
|
||||
description="Our work resonates with forward-thinking teams globally."
|
||||
names={[
|
||||
"Compass",
|
||||
"Miss Kay",
|
||||
"Flatpay",
|
||||
"Kajabi",
|
||||
"iTarget",
|
||||
"Williams",
|
||||
"Storybrand",
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Trusted By"
|
||||
title="Used by 60+ brands who value storytelling"
|
||||
description="Our work resonates with forward-thinking teams globally."
|
||||
names={["Compass", "Miss Kay", "Flatpay", "Kajabi", "iTarget", "Williams", "Storybrand"]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="projects" data-section="projects">
|
||||
<SectionErrorBoundary name="projects">
|
||||
<div id="projects" data-section="projects">
|
||||
<SectionErrorBoundary name="projects">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="Portfolio"
|
||||
title="Watch the work that built our reputation"
|
||||
description="Explore our latest video production work across various industries."
|
||||
items={[
|
||||
{
|
||||
title: "Cinematic Nature",
|
||||
description: "High-end drone cinematography.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-taking-photos-girlfriend-nature-with-smartphone_23-2148693662.jpg",
|
||||
},
|
||||
{
|
||||
title: "Lifestyle Urban",
|
||||
description: "Authentic brand storytelling.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-posing-together_23-2149512420.jpg",
|
||||
},
|
||||
{
|
||||
title: "Fashion Films",
|
||||
description: "High-fashion aesthetic visuals.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-boy-posing-studio_23-2149596296.jpg",
|
||||
},
|
||||
{
|
||||
title: "Tech Commercial",
|
||||
description: "Sleek product marketing.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072178.jpg",
|
||||
},
|
||||
{
|
||||
title: "Corporate Motion",
|
||||
description: "Dynamic motion graphics.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-contemporary-empty-room_1048-15965.jpg",
|
||||
},
|
||||
{
|
||||
title: "Event Energy",
|
||||
description: "High-energy festival coverage.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sitting-man-watching-football-public-place-night_1268-17901.jpg",
|
||||
},
|
||||
{
|
||||
title: "Abstract Motion",
|
||||
description: "Unique artistic motion.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nice-blue-white-background-backdrop-purpose_1017-46757.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Portfolio"
|
||||
title="Watch the work that built our reputation"
|
||||
description="Explore our latest video production work across various industries."
|
||||
items={[
|
||||
{ title: "Cinematic Nature", description: "High-end drone cinematography.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/man-taking-photos-girlfriend-nature-with-smartphone_23-2148693662.jpg" },
|
||||
{ title: "Lifestyle Urban", description: "Authentic brand storytelling.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-posing-together_23-2149512420.jpg" },
|
||||
{ title: "Fashion Films", description: "High-fashion aesthetic visuals.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/front-view-boy-posing-studio_23-2149596296.jpg" },
|
||||
{ title: "Tech Commercial", description: "Sleek product marketing.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072178.jpg" },
|
||||
{ title: "Corporate Motion", description: "Dynamic motion graphics.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/3d-contemporary-empty-room_1048-15965.jpg" },
|
||||
{ title: "Event Energy", description: "High-energy festival coverage.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/sitting-man-watching-football-public-place-night_1268-17901.jpg" },
|
||||
{ title: "Abstract Motion", description: "Unique artistic motion.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/nice-blue-white-background-backdrop-purpose_1017-46757.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsSimpleCards
|
||||
tag="Our Stats"
|
||||
title="More than a service. A strategic partner."
|
||||
metrics={[
|
||||
{
|
||||
value: "60+",
|
||||
description: "Satisfied Clients",
|
||||
},
|
||||
{
|
||||
value: "2000+",
|
||||
description: "Projects Delivered",
|
||||
},
|
||||
{
|
||||
value: "3+",
|
||||
description: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "68%",
|
||||
description: "Video Retention",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Stats"
|
||||
title="More than a service. A strategic partner."
|
||||
description="We deliver measurable results across all creative fronts."
|
||||
metrics={[
|
||||
{ value: "60+", description: "Satisfied Clients" },
|
||||
{ value: "2000+", description: "Projects Delivered" },
|
||||
{ value: "3+", description: "Years Experience" },
|
||||
{ value: "68%", description: "Video Retention" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="workflow" data-section="workflow">
|
||||
<SectionErrorBoundary name="workflow">
|
||||
<div id="workflow" data-section="workflow">
|
||||
<SectionErrorBoundary name="workflow">
|
||||
<FeaturesBento
|
||||
tag="Our Workflow"
|
||||
title="The process behind the magic"
|
||||
description="We streamline creative production for maximum efficiency and quality."
|
||||
features={[
|
||||
{
|
||||
title: "The First Step",
|
||||
description: "You reach out and we define your goals together.",
|
||||
bentoComponent: "info-card-marquee",
|
||||
infoCards: [
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Speed",
|
||||
value: "24h",
|
||||
},
|
||||
{
|
||||
icon: Phone,
|
||||
label: "Call",
|
||||
value: "Initial",
|
||||
},
|
||||
{
|
||||
icon: Target,
|
||||
label: "Goal",
|
||||
value: "Clear",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-keeps-chair-leans-wall-with-paintings-cafe_8353-9341.jpg",
|
||||
imageAlt: "A girl keeps for a chair and leans to a wall with paintings in a cafe",
|
||||
},
|
||||
{
|
||||
title: "Production",
|
||||
description: "We execute on your vision with precision.",
|
||||
bentoComponent: "tilted-stack-cards",
|
||||
stackCards: [
|
||||
{
|
||||
icon: Edit,
|
||||
title: "Editing",
|
||||
subtitle: "Crafting",
|
||||
detail: "The core cut.",
|
||||
},
|
||||
{
|
||||
icon: Film,
|
||||
title: "Motion",
|
||||
subtitle: "Visuals",
|
||||
detail: "Animated assets.",
|
||||
},
|
||||
{
|
||||
icon: Mic,
|
||||
title: "Audio",
|
||||
subtitle: "Sound",
|
||||
detail: "Polished audio.",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-developing-photos_23-2149893933.jpg?_wi=2",
|
||||
imageAlt: "A girl keeps for a chair and leans to a wall with paintings in a cafe",
|
||||
},
|
||||
{
|
||||
title: "Delivery",
|
||||
description: "We ensure timely delivery for all your assets.",
|
||||
bentoComponent: "checklist-timeline",
|
||||
heading: "Final Delivery",
|
||||
subheading: "Timeline optimized",
|
||||
checklistItems: [
|
||||
{
|
||||
label: "Review",
|
||||
detail: "Feedback loop",
|
||||
},
|
||||
{
|
||||
label: "Polish",
|
||||
detail: "Final touch",
|
||||
},
|
||||
{
|
||||
label: "Export",
|
||||
detail: "Ready format",
|
||||
},
|
||||
],
|
||||
completedLabel: "Finished",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-hipster-man-posing-studio_158538-25512.jpg?_wi=2",
|
||||
imageAlt: "A girl keeps for a chair and leans to a wall with paintings in a cafe",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Workflow"
|
||||
title="The process behind the magic"
|
||||
description="We streamline creative production for maximum efficiency and quality."
|
||||
features={[
|
||||
{ title: "The First Step", description: "You reach out and we define your goals together.", bentoComponent: "info-card-marquee", infoCards: [{ icon: "Zap", label: "Speed", value: "24h" }, { icon: "Phone", label: "Call", value: "Initial" }, { icon: "Target", label: "Goal", value: "Clear" }] },
|
||||
{ title: "Production", description: "We execute on your vision with precision.", bentoComponent: "tilted-stack-cards", stackCards: [{ icon: "Edit", title: "Editing", subtitle: "Crafting", detail: "The core cut." }, { icon: "Film", title: "Motion", subtitle: "Visuals", detail: "Animated assets." }, { icon: "Mic", title: "Audio", subtitle: "Sound", detail: "Polished audio." }] },
|
||||
{ title: "Delivery", description: "We ensure timely delivery for all your assets.", bentoComponent: "checklist-timeline", heading: "Final Delivery", subheading: "Timeline optimized", checklistItems: [{ label: "Review", detail: "Feedback loop" }, { label: "Polish", detail: "Final touch" }, { label: "Export", detail: "Ready format" }], completedLabel: "Finished" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSimple
|
||||
tag="Q&A"
|
||||
title="Everything you need to know"
|
||||
description="Common questions about our video editing process and tools."
|
||||
items={[
|
||||
{
|
||||
question: "What software do you use?",
|
||||
answer: "We use Adobe Premiere Pro, After Effects, and Photoshop for professional results.",
|
||||
},
|
||||
{
|
||||
question: "How long does it take to edit a video?",
|
||||
answer: "Timeline depends on complexity, usually between 2-5 days.",
|
||||
},
|
||||
{
|
||||
question: "Can you remove background noise?",
|
||||
answer: "Yes, we use advanced AI audio processing to clean up your recordings.",
|
||||
},
|
||||
{
|
||||
question: "How much does it cost?",
|
||||
answer: "We provide custom quotes based on project scope.",
|
||||
},
|
||||
{
|
||||
question: "Can you do custom intros?",
|
||||
answer: "Absolutely, we specialize in motion graphics and custom intros.",
|
||||
},
|
||||
{
|
||||
question: "What is the revision process?",
|
||||
answer: "We include 2 rounds of revisions with every package.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Q&A"
|
||||
title="Everything you need to know"
|
||||
description="Common questions about our video editing process and tools."
|
||||
items={[
|
||||
{ question: "What software do you use?", answer: "We use Adobe Premiere Pro, After Effects, and Photoshop for professional results." },
|
||||
{ question: "How long does it take to edit a video?", answer: "Timeline depends on complexity, usually between 2-5 days." },
|
||||
{ question: "Can you remove background noise?", answer: "Yes, we use advanced AI audio processing to clean up your recordings." },
|
||||
{ question: "How much does it cost?", answer: "We provide custom quotes based on project scope." },
|
||||
{ question: "Can you do custom intros?", answer: "Absolutely, we specialize in motion graphics and custom intros." },
|
||||
{ question: "What is the revision process?", answer: "We include 2 rounds of revisions with every package." }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Get in touch"
|
||||
text="Ready to bring your vision to life? Let's discuss your project today."
|
||||
primaryButton={{
|
||||
text: "Start Project",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Contact Us",
|
||||
href: "mailto:contact@axenmedia.com",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Get in touch"
|
||||
text="Ready to bring your vision to life? Let's discuss your project today."
|
||||
primaryButton={{ text: "Start Project", href: "#" }}
|
||||
secondaryButton={{ text: "Contact Us", href: "mailto:contact@axenmedia.com" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user