Merge version_2 into main #2
126
src/app/page.tsx
126
src/app/page.tsx
@@ -3,14 +3,14 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Target, Zap, Settings, Shield } from "lucide-react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -21,18 +21,18 @@ export default function LandingPage() {
|
||||
contentWidth="small"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="none"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="glass"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Our Work", id: "features" },
|
||||
{ name: "Expertise", id: "about" },
|
||||
{ name: "Results", id: "metrics" },
|
||||
{ name: "Work", id: "features" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Metrics", id: "metrics" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="MERC AGENCY"
|
||||
@@ -40,100 +40,88 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
<HeroSplitTestimonial
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Mercenary Creativity. Targeted Impact."
|
||||
description="High-ticket strategic design for brands that refuse to lose. We weaponize your aesthetic to dominate the market."
|
||||
buttons={[{ text: "Execute Order", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-darkroom_23-2149893893.jpg", imageAlt: "cinematic katana 3d render dark mode" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/terrifying-screaming-adult-silhouette-studio_23-2150710129.jpg", imageAlt: "dark abstract tech background" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/new-abstract-background-3d-technology-gradien-colorfuell_125964-779.jpg", imageAlt: "futuristic 3d tactical data interface" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/prism-dispersing-colorful-lights_23-2148599245.jpg", imageAlt: "cinematic smoke effect dark mode" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-desktop-with-laptop-camera_23-2148430858.jpg", imageAlt: "katana hilt close up golden" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/scary-office-zombie-with-bloody-wounds-workspace-working-modern-laptop-brain-eating-evil-monster-with-deep-scars-trying-use-computer-when-dead-creepy-walking-woman-comes-help_482257-46728.jpg", imageAlt: "dynamic shards dark background" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-working-darkroom_23-2149893893.jpg"
|
||||
imageAlt="tactical creative"
|
||||
testimonials={[{ name: "Elite Partner", handle: "@client", testimonial: "Unmatched precision.", rating: 5 }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
<TestimonialAboutCard
|
||||
tag="Tactical Unit"
|
||||
title="Precision Execution"
|
||||
description="We are a tactical creative unit. We don't just design; we perform surgical strikes on the market. Our process is optimized for speed, precision, and bottom-line growth for high-ticket partners."
|
||||
description="We are a tactical creative unit. We don't just design; we perform surgical strikes on the market."
|
||||
subdescription="Our process is optimized for speed, precision, and bottom-line growth."
|
||||
icon={Target}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mindless-zombie-woman-talking-with-office-colleague-while-scary-dead-coworker-passing-by-businessman-discussing-with-creepy-evil-monster-while-spooky-bizarre-undead-corpse-walks-by-them_482257-46724.jpg"
|
||||
imageAlt="creative agency dark office team"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyNine
|
||||
<FeatureCardThree
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Precision Targeting", description: "Surgical brand positioning.", imageSrc: "http://img.b2bpic.net/free-photo/stationery-business-visiting-cards-high-view_23-2148500537.jpg", titleIconSrc: "Target", buttonText: "Learn" },
|
||||
{ title: "Velocity Branding", description: "Fast-paced market entry.", imageSrc: "http://img.b2bpic.net/free-photo/thunderbolt-cloud-explosion-rectangular-speech-bubbles-beige-background_23-2147910257.jpg", titleIconSrc: "Zap", buttonText: "Learn" },
|
||||
{ title: "Tactical Operations", description: "End-to-end creative command.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=66o09m", titleIconSrc: "Settings", buttonText: "Learn" },
|
||||
{ title: "Defensive Strategy", description: "Hardened brand assets.", imageSrc: "http://img.b2bpic.net/free-photo/empty-russian-army-base-operations-equipped-with-high-tech-gear_482257-106934.jpg", titleIconSrc: "Shield", buttonText: "Learn" },
|
||||
]}
|
||||
animationType="scale-rotate"
|
||||
title="Our Arsenal"
|
||||
description="Tools and techniques designed to cut through the noise."
|
||||
features={[
|
||||
{ title: "Precision Targeting", description: "Surgical brand positioning.", imageSrc: "http://img.b2bpic.net/free-photo/stationery-business-visiting-cards-high-view_23-2148500537.jpg" },
|
||||
{ title: "Velocity Branding", description: "Fast-paced market entry.", imageSrc: "http://img.b2bpic.net/free-photo/thunderbolt-cloud-explosion-rectangular-speech-bubbles-beige-background_23-2147910257.jpg" },
|
||||
{ title: "Tactical Operations", description: "End-to-end creative command.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=66o09m" },
|
||||
{ title: "Defensive Strategy", description: "Hardened brand assets.", imageSrc: "http://img.b2bpic.net/free-photo/empty-russian-army-base-operations-equipped-with-high-tech-gear_482257-106934.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
<MetricCardFourteen
|
||||
tag="Performance Data"
|
||||
title="Verified Stats"
|
||||
metrics={[
|
||||
{ id: "m1", value: "10x", description: "Return on creative investment." },
|
||||
{ id: "m2", value: "24h", description: "Rapid turnaround capability." },
|
||||
{ id: "m3", value: "100%", description: "Market penetration success." },
|
||||
{ id: "m1", value: "10x", description: "Creative ROI" },
|
||||
{ id: "m2", value: "24h", description: "Turnaround" },
|
||||
{ id: "m3", value: "100%", description: "Penetration" },
|
||||
]}
|
||||
title="Verified Performance"
|
||||
description="Stats that matter in the theater of business."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The best creative execution I've seen. Surgical precision."
|
||||
rating={5}
|
||||
author="High-Ticket Client"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-unknown-young-man-posing_23-2149417575.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-transgender-person-using-make-up-brush_23-2148827031.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/businessman-passing-by-glass-window_23-2147876747.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-smiling_23-2148452708.jpg", alt: "Client 5" },
|
||||
<TestimonialCardTwo
|
||||
title="Client Reports"
|
||||
description="Strategic impact as verified by our partners."
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Lead Architect", role: "Design Ops", testimonial: "Absolute precision in every deliverable. Changed the game for our brand." },
|
||||
{ id: "t2", name: "Growth Lead", role: "Tech Scale", testimonial: "Fast, tactical, and incredibly effective. Their workflow is unmatched." }
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to weaponize your brand? Reach out for a briefing."
|
||||
<ContactCTA
|
||||
tag="Engage"
|
||||
title="Ready to weaponize your brand?"
|
||||
description="Reach out for a briefing and see if your mission aligns with ours."
|
||||
buttons={[{ text: "Book Strategy Session" }]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
<FooterLogoEmphasis
|
||||
logoText="MERC AGENCY"
|
||||
leftLink={{ text: "Terms of Service", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
columns={[
|
||||
{ items: [{ label: "Terms", href: "#" }, { label: "Privacy", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user