Merge version_1 into main #1
160
src/app/page.tsx
160
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
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';
|
||||
@@ -29,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Our Work",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Expertise",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Results",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Our Work", id: "features" },
|
||||
{ name: "Expertise", id: "about" },
|
||||
{ name: "Results", id: "metrics" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="MERC AGENCY"
|
||||
/>
|
||||
@@ -52,42 +41,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
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",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Execute Order", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-darkroom_23-2149893893.jpg",
|
||||
imageAlt: "Floating Katana",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/terrifying-screaming-adult-silhouette-studio_23-2150710129.jpg",
|
||||
imageAlt: "Mechanical Gold",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/new-abstract-background-3d-technology-gradien-colorfuell_125964-779.jpg",
|
||||
imageAlt: "Digital Data",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/prism-dispersing-colorful-lights_23-2148599245.jpg",
|
||||
imageAlt: "Smoke Effect",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-desktop-with-laptop-camera_23-2148430858.jpg",
|
||||
imageAlt: "Katana Hilt",
|
||||
},
|
||||
{
|
||||
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: "Digital Shards",
|
||||
},
|
||||
{ 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" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -98,7 +62,7 @@ export default function LandingPage() {
|
||||
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."
|
||||
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="The Team"
|
||||
imageAlt="creative agency dark office team"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -106,36 +70,13 @@ export default function LandingPage() {
|
||||
<FeatureCardTwentyNine
|
||||
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",
|
||||
},
|
||||
{ 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" },
|
||||
]}
|
||||
title="Our Arsenal"
|
||||
description="Tools and techniques designed to cut through the noise."
|
||||
@@ -149,21 +90,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
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: "Return on creative investment." },
|
||||
{ id: "m2", value: "24h", description: "Rapid turnaround capability." },
|
||||
{ id: "m3", value: "100%", description: "Market penetration success." },
|
||||
]}
|
||||
title="Verified Performance"
|
||||
description="Stats that matter in the theater of business."
|
||||
@@ -177,26 +106,11 @@ export default function LandingPage() {
|
||||
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",
|
||||
},
|
||||
{ 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" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -206,29 +120,17 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to weaponize your brand? Reach out for a briefing."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Strategy Session",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Strategy Session" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="MERC AGENCY"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Terms of Service", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user