shafin808s/da-next-agency
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: shafin808s:163020843e4ea4098d7a2f93b47ee9fd4b722a04
Branches Tags
shafin808s:main
...
compare: shafin808s:7ce4a6e4f88fd3a5f8c3dbcc5941c7fe09314e7a
Branches Tags
shafin808s:main

2 Commits
163020843e ... 7ce4a6e4f8

Author SHA1 Message Date
shafin-r
7ce4a6e4f8 Merge branch 'main' of https://git.omukk.dev/shafin808s/da-next-agency 2025-12-08 18:38:47 +06:00
shafin-r
8dddc3f9a3 fix(resp): fix responsive for large screens 2025-12-08 18:35:02 +06:00
4 changed files with 180 additions and 152 deletions
Expand all files Collapse all files

250
app/page.tsx
View File

@ -13,26 +13,33 @@ export default function Home() {
id: 0, id: 0,
content: ( content: (
<> <>
<section className="space-y-6"> <section className="lg:flex lg:flex-row-reverse lg:justify-between space-y-6 lg:items-center">
<div> <div className="lg:w-1/2">
<Image <Image
src={"/images/campaign-strategy.png"} src={"/images/campaign-strategy.png"}
width={614} width={2464}
height={418} height={1672}
alt="campaign-strategy" alt="campaign-strategy"
/> />
</div> </div>
<div className="space-y-4"> <div className="space-y-4 lg:w-1/3 lg:space-y-12">
<p className="px-6 py-2 text-[#7B2E45] font-lato border-2 border-[#7B2E45] rounded-full w-fit"> <p className="px-6 py-2 lg:px-9 lg:py-4 lg:text-xl text-[#7B2E45] font-lato border-2 border-[#7B2E45] rounded-full w-fit">
01 01
</p> </p>
<h2 className="text-4xl text-white font-lato"> <h2 className="text-4xl lg:text-7xl text-white font-lato">
Campaign Strategy Campaign Strategy
</h2> </h2>
<p className="text-lg font-lato text-white/60"> <p className="text-lg lg:text-2xl font-lato text-white/60">
Comprehensive planning from research to execution, crafted to Comprehensive planning from research to execution, crafted to
win hearts and minds. win hearts and minds.
</p> </p>
<div className="flex gap-4 w-full">
<div className="bg-[#7B2E45]/80 rounded-full w-1/4 h-1 lg:w-[60px]" />
<div className="bg-[#7B2E45]/65 rounded-full w-1/5 h-1 lg:w-[50px]" />
<div className="bg-[#7B2E45]/50 rounded-full w-1/6 h-1 lg:w-[40px]" />
<div className="bg-[#7B2E45]/35 rounded-full w-1/7 h-1 lg:w-[30px]" />
<div className="bg-[#7B2E45]/20 rounded-full w-1/8 h-1 lg:w-[20px]" />
</div>
</div> </div>
</section> </section>
</> </>
@ -42,26 +49,33 @@ export default function Home() {
id: 1, id: 1,
content: ( content: (
<> <>
<section className="space-y-6"> <section className="lg:flex lg:flex-row-reverse lg:justify-between space-y-6 lg:items-center">
<div> <div className="lg:w-1/2">
<Image <Image
src={"/images/media-production.png"} src={"/images/media-production.png"}
width={614} width={2464}
height={418} height={1672}
alt="media-production" alt="media-production"
/> />
</div> </div>
<div className="space-y-4"> <div className="space-y-4 lg:w-1/3 lg:space-y-12">
<p className="px-6 py-2 text-[#7B2E45] font-lato border-2 border-[#7B2E45] rounded-full w-fit"> <p className="px-6 py-2 lg:px-9 lg:py-4 lg:text-xl text-[#7B2E45] font-lato border-2 border-[#7B2E45] rounded-full w-fit">
02 02
</p> </p>
<h2 className="text-4xl text-white font-lato"> <h2 className="text-4xl lg:text-7xl text-white font-lato">
Media Production Media Production
</h2> </h2>
<p className="text-lg font-lato text-white/60"> <p className="text-lg font-lato text-white/60">
Cinematic storytelling through video, photography, and Cinematic storytelling through video, photography, and
multimedia content that captivates. multimedia content that captivates.
</p> </p>
<div className="flex gap-4 w-full">
<div className="bg-[#7B2E45]/80 rounded-full w-1/4 h-1 lg:w-[60px]" />
<div className="bg-[#7B2E45]/65 rounded-full w-1/5 h-1 lg:w-[50px]" />
<div className="bg-[#7B2E45]/50 rounded-full w-1/6 h-1 lg:w-[40px]" />
<div className="bg-[#7B2E45]/35 rounded-full w-1/7 h-1 lg:w-[30px]" />
<div className="bg-[#7B2E45]/20 rounded-full w-1/8 h-1 lg:w-[20px]" />
</div>
</div> </div>
</section> </section>
</> </>
@ -71,26 +85,33 @@ export default function Home() {
id: 2, id: 2,
content: ( content: (
<> <>
<section className="space-y-6"> <section className="lg:flex lg:flex-row-reverse lg:justify-between space-y-6 lg:items-center">
<div> <div className="lg:w-1/2">
<Image <Image
src={"/images/research.png"} src={"/images/research.png"}
width={614} width={2464}
height={418} height={1672}
alt="research" alt="research"
/> />
</div> </div>
<div className="space-y-4"> <div className="space-y-4 lg:w-1/3 lg:space-y-12">
<p className="px-6 py-2 text-[#7B2E45] font-lato border-2 border-[#7B2E45] rounded-full w-fit"> <p className="px-6 py-2 lg:px-9 lg:py-4 lg:text-xl text-[#7B2E45] font-lato border-2 border-[#7B2E45] rounded-full w-fit">
03 03
</p> </p>
<h2 className="text-4xl text-white font-lato"> <h2 className="text-4xl lg:text-7xl text-white font-lato">
Research & Analytics Research & Analytics
</h2> </h2>
<p className="text-lg font-lato text-white/60"> <p className="text-lg font-lato text-white/60">
Data-driven insights that inform every decision and optimize Data-driven insights that inform every decision and optimize
every outcome every outcome
</p> </p>
<div className="flex gap-4 w-full">
<div className="bg-[#7B2E45]/80 rounded-full w-1/4 h-1 lg:w-[60px]" />
<div className="bg-[#7B2E45]/65 rounded-full w-1/5 h-1 lg:w-[50px]" />
<div className="bg-[#7B2E45]/50 rounded-full w-1/6 h-1 lg:w-[40px]" />
<div className="bg-[#7B2E45]/35 rounded-full w-1/7 h-1 lg:w-[30px]" />
<div className="bg-[#7B2E45]/20 rounded-full w-1/8 h-1 lg:w-[20px]" />
</div>
</div> </div>
</section> </section>
</> </>
@ -255,8 +276,8 @@ export default function Home() {
</section> </section>
</section> </section>
{/*About*/} {/*About*/}
<section className="px-10 space-y-8"> <section className="px-10 lg:px-60 space-y-8 lg:flex lg:flex-row-reverse lg:items-center lg:gap-4">
<div className="aspect-square overflow-hidden"> <div className="aspect-square overflow-hidden rounded-2xl lg:w-1/2">
<Image <Image
src={"/images/about.jpg"} src={"/images/about.jpg"}
width={542} width={542}
@ -265,30 +286,32 @@ export default function Home() {
className="object-cover object-center w-full h-full" className="object-cover object-center w-full h-full"
/> />
</div> </div>
<section className="space-y-4"> <section className="space-y-4 lg:w-1/2 lg:space-y-8">
<h2 className="font-lato text-xl text-[#7B2E45]">WHO WE ARE</h2> <h2 className="font-lato text-xl lg:text-2xl text-[#7B2E45]">
<h2 className="font-lato text-6xl text-white"> WHO WE ARE
</h2>
<h2 className="font-lato text-6xl lg:text-8xl text-white">
Architects <br /> of{" "} Architects <br /> of{" "}
<span className="text-[#7B2E45]">Influence</span> <span className="text-[#7B2E45]">Influence</span>
</h2> </h2>
<p className="font-lato text-white text-xl"> <p className="font-lato text-white text-xl lg:text-2xl">
Da Next Agency is a premier public relations and strategic Da Next Agency is a premier public relations and strategic
communications firm based in Bangladesh. We specialize in crafting communications firm based in Bangladesh. We specialize in crafting
compelling narratives, managing reputations, and driving impactful compelling narratives, managing reputations, and driving impactful
campaigns for leaders, organizations, and brands. campaigns for leaders, organizations, and brands.
</p> </p>
<p className="font-lato text-white text-xl"> <p className="font-lato text-white text-xl lg:text-2xl">
From political campaigns to corporate reputation management, we From political campaigns to corporate reputation management, we
offer a full spectrum of services designed to elevate your public offer a full spectrum of services designed to elevate your public
image and achieve your strategic objectives. image and achieve your strategic objectives.
</p> </p>
<span className="font-lato text-xl text-[#7B2E45]"> <span className="font-lato text-xl text-[#7B2E45] lg:text-2xl">
We don't just tell stories. We create movements We don't just tell stories. We create movements.
</span> </span>
</section> </section>
</section> </section>
{/*Our Mission*/} {/*Our Mission*/}
<section className="min-h-screen px-5 flex flex-col items-center justify-center space-y-6"> <section className="min-h-screen px-5 lg:px-87 flex flex-col items-center justify-center space-y-6 lg:space-y-12">
<div className="aspect-square overflow-hidden w-.20 h-20"> <div className="aspect-square overflow-hidden w-.20 h-20">
<Image <Image
src={"/icons/quotation.png"} src={"/icons/quotation.png"}
@ -297,30 +320,30 @@ export default function Home() {
alt="quotation-mark" alt="quotation-mark"
/> />
</div> </div>
<p className="font-lato text-2xl text-white text-center"> <p className="font-lato text-2xl lg:leading-15 lg:text-5xl text-white text-center">
To nurture narratives and shape public perception,{" "} <span>To nurture narratives and shape public perception, </span>
<span className="text-[#7B2E45]"> <span className="text-[#7B2E45]">
creating a lasting positive image creating a lasting positive image
</span>{" "} </span>{" "}
in the community in the community
</p> </p>
<hr className="bg-[#7B2E45]/50 border-0 h-0.5 w-1/2" /> <hr className="bg-[#7B2E45]/50 border-0 h-0.5 w-1/5" />
<h4 className="font-lato text-lg font-normal text-white/60 tracking-wider"> <h4 className="font-lato text-lg font-normal text-white/60 tracking-wider">
OUR MISSION OUR MISSION
</h4> </h4>
</section> </section>
{/*Services*/} {/*Services*/}
<section className="min-h-screen px-10 space-y-4 "> <section className="min-h-screen px-10 lg:px-32 space-y-4">
<h2 className="font-lato text-xl text-[#7B2E45] tracking-[0.5em]"> <h2 className="font-lato text-xl text-[#7B2E45] tracking-[0.5em]">
WHAT WE DO WHAT WE DO
</h2> </h2>
<h2 className="font-lato text-6xl text-white"> <h2 className="font-lato text-6xl lg:text-7xl text-white tracking-tighter">
Services That{" "} Services That{" "}
<span className="bg-linear-to-b from-[#7B2E45] to-[#9B3E55] bg-clip-text text-transparent leading-16"> <span className="bg-linear-to-b from-[#7B2E45] to-[#9B3E55] bg-clip-text text-transparent leading-16">
Transform Transform
</span> </span>
</h2> </h2>
<h5 className="font-lato text-white/50 text-lg"> <h5 className="font-lato text-white/50 lg:text-[20px] text-lg">
Strategic excellence across every dimension of modern PR Strategic excellence across every dimension of modern PR
</h5> </h5>
<section className="flex flex-col items-start space-y-7"> <section className="flex flex-col items-start space-y-7">
@ -331,57 +354,52 @@ export default function Home() {
))} ))}
</CarouselContent> </CarouselContent>
</Carousel> </Carousel>
<div className="flex gap-4 w-5/6">
<div className="bg-[#7B2E45]/80 rounded-full w-1/4 h-1" />
<div className="bg-[#7B2E45]/65 rounded-full w-1/5 h-1" />
<div className="bg-[#7B2E45]/50 rounded-full w-1/6 h-1" />
<div className="bg-[#7B2E45]/35 rounded-full w-1/7 h-1" />
<div className="bg-[#7B2E45]/20 rounded-full w-1/8 h-1" />
</div>
</section> </section>
</section> </section>
{/*Approach*/} {/*Approach*/}
<section className="min-h-screen px-10 space-y-4"> <section className="min-h-screen px-10 space-y-4 lg:flex lg:flex-col lg:items-center lg:justify-evenly">
<h2 className="font-lato text-xl text-[#7B2E45] tracking-[0.5em]"> <section className="lg:space-y-10">
<h2 className="font-lato text-xl lg:text-md lg:text-center text-[#7B2E45] tracking-[0.3em]">
OUR APPROACH OUR APPROACH
</h2> </h2>
<h2 className="font-lato text-6xl text-white"> <h2 className="font-lato text-6xl lg:text-7xl text-white">
Strategic{" "} Strategic{" "}
<span className="bg-linear-to-b from-[#7B2E45] to-[#9B3E55] bg-clip-text text-transparent leading-16"> <span className="bg-linear-to-b from-[#7B2E45] to-[#9B3E55] bg-clip-text text-transparent leading-16">
Content Content
</span> </span>
</h2> </h2>
<section className="space-y-8"> </section>
<div className="bg-black p-8 space-y-2"> <section className="flex flex-col gap-10 lg:flex-row lg:justify-evenly lg:w-7/8 lg:gap-10">
<div className="bg-black p-8 lg:pb-14 space-y-3 rounded-2xl lg:w-1/3">
<h2 className="font-lato text-md text-[#7B2E45] tracking-wide"> <h2 className="font-lato text-md text-[#7B2E45] tracking-wide">
PROTECT YOUR REPUTATION PROTECT YOUR REPUTATION
</h2> </h2>
<h2 className="font-lato text-2xl text-white">Crisis Management</h2> <h2 className="font-lato text-2xl text-white">Crisis Management</h2>
<ul className="font-lato text-white/60 list-disc pl-4 space-y-3"> <ul className="font-lato text-white/60 list-disc pl-4 space-y-3 lg:space-y-6">
<li>24/7 Response Team</li> <li>24/7 Response Team</li>
<li>Media Relations</li> <li>Media Relations</li>
<li>Damage Control</li> <li>Damage Control</li>
<li>Recovery Strategy</li> <li>Recovery Strategy</li>
</ul> </ul>
</div> </div>
<div className="bg-black p-8 space-y-2"> <div className="bg-black p-8 lg:pb-14 space-y-2 rounded-2xl lg:w-1/3">
<h2 className="font-lato text-md text-[#7B2E45] tracking-wide"> <h2 className="font-lato text-md text-[#7B2E45] tracking-wide">
DEFINE YOUR IDENTITY DEFINE YOUR IDENTITY
</h2> </h2>
<h2 className="font-lato text-2xl text-white">Brand Positioning</h2> <h2 className="font-lato text-2xl text-white">Brand Positioning</h2>
<ul className="font-lato text-white/60 list-disc pl-4 space-y-3"> <ul className="font-lato text-white/60 list-disc pl-4 space-y-3 lg:space-y-6">
<li>Market Research</li> <li>Market Research</li>
<li>Competitive Analysis</li> <li>Competitive Analysis</li>
<li>Messaging Framework</li> <li>Messaging Framework</li>
<li>Brand Guidelines</li> <li>Brand Guidelines</li>
</ul> </ul>
</div> </div>
<div className="bg-black p-8 space-y-2"> <div className="bg-black p-8 lg:pb-14 space-y-2 rounded-2xl lg:w-1/3">
<h2 className="font-lato text-md text-[#7B2E45] tracking-wide"> <h2 className="font-lato text-md text-[#7B2E45] tracking-wide">
ENGAGE YOUR AUDIENCE ENGAGE YOUR AUDIENCE
</h2> </h2>
<h2 className="font-lato text-2xl text-white">Digital Campaigns</h2> <h2 className="font-lato text-2xl text-white">Digital Campaigns</h2>
<ul className="font-lato text-white/60 list-disc pl-4 space-y-3"> <ul className="font-lato text-white/60 list-disc pl-4 space-y-3 lg:space-y-6">
<li>Social Media Strategy</li> <li>Social Media Strategy</li>
<li>Content Calendar</li> <li>Content Calendar</li>
<li>Influencer Partnerships</li> <li>Influencer Partnerships</li>
@ -391,26 +409,26 @@ export default function Home() {
</section> </section>
</section> </section>
{/*Media Production*/} {/*Media Production*/}
<section className="min-h-screen px-10 flex flex-col items-center justify-center space-y-8"> <section className="max-h-fit px-10 py-40 lg:pb-40 lg:pt-0 flex flex-col items-center justify-center space-y-8 ">
<h2 className="font-lato text-xl text-[#7B2E45] tracking-[0.5em] text-center"> <h2 className="font-lato text-xl text-[#7B2E45] tracking-[0.3em] text-center">
MEDIA PRODUCTION MEDIA PRODUCTION
</h2> </h2>
<h2 className="font-lato text-6xl text-white text-center"> <h2 className="font-lato text-6xl lg:text-7xl text-white text-center">
Visual{" "} Visual{" "}
<span className="bg-linear-to-b from-[#7B2E45] to-[#9B3E55] bg-clip-text text-transparent leading-16"> <span className="bg-linear-to-b from-[#7B2E45] to-[#9B3E55] bg-clip-text text-transparent leading-16">
Storytelling{" "} Storytelling{" "}
</span> </span>
That Moves That Moves
</h2> </h2>
<p className="font-lato text-2xl text-white/80 text-center"> <p className="font-lato text-2xl lg:text-[20px] text-white/80 text-center lg:w-1/3">
From campaign ads to documentary-style content, we produce visual From campaign ads to documentary-style content, we produce visual
narratives that captivate audiences and drive results. narratives that captivate audiences and drive results.
</p> </p>
<hr className="bg-[#7B2E45]/20 border-0 h-0.5 w-1/2" /> <hr className="bg-[#7B2E45]/20 border-0 h-0.5 lg:w-1/8 w-1/2" />
</section> </section>
{/*Insights */} {/*Insights */}
<section className="min-h-screen px-10 space-y-8"> <section className="px-10 lg:px-60 space-y-8 lg:flex lg:flex-row-reverse lg:items-center lg:gap-4">
<div className="aspect-square overflow-hidden"> <div className="aspect-square overflow-hidden rounded-2xl lg:w-1/2">
<Image <Image
src={"/images/data-driven-insights.jpg"} src={"/images/data-driven-insights.jpg"}
width={542} width={542}
@ -419,18 +437,18 @@ export default function Home() {
className="object-cover object-center w-full h-full" className="object-cover object-center w-full h-full"
/> />
</div> </div>
<section className="space-y-6"> <section className="space-y-4 lg:w-1/2 lg:space-y-8">
<h2 className="font-lato text-xl text-[#7B2E45]"> <h2 className="font-lato text-xl lg:text-2xl text-[#7B2E45]">
INTELLIGENCE DRIVEN INTELLIGENCE DRIVEN
</h2> </h2>
<h2 className="font-lato text-6xl text-white"> <h2 className="font-lato text-6xl lg:text-7xl text-white">
Data-Driven <span className="text-[#7B2E45]">Insights</span> Data-Driven <span className="text-[#7B2E45]">Insights</span>
</h2> </h2>
<p className="font-lato font-normal text-white text-xl "> <p className="font-lato text-white text-xl lg:text-2xl">
We leverage advanced research methodologies and analytics to inform We leverage advanced research methodologies and analytics to inform
strategy, measure impact, and optimize campaigns in real-time. strategy, measure impact, and optimize campaigns in real-time.
</p> </p>
<div className="space-y-4"> <div className="flex flex-col lg:flex-row lg:justify-between gap-6">
<div className="p-5 rounded-2xl w-full space-y-3 border border-[#7B2E45]/20 bg-[#7B2E45]/5"> <div className="p-5 rounded-2xl w-full space-y-3 border border-[#7B2E45]/20 bg-[#7B2E45]/5">
<h2 className="font-lato text-[#7B2E45] text-4xl">10K+</h2> <h2 className="font-lato text-[#7B2E45] text-4xl">10K+</h2>
<p className="font-lato text-white/70 text-lg"> <p className="font-lato text-white/70 text-lg">
@ -445,18 +463,20 @@ export default function Home() {
</section> </section>
</section> </section>
{/*Results*/} {/*Results*/}
<section className="min-h-screen px-10 py-20 space-y-4"> <section className="min-h-screen px-10 pt-20 lg:pt-0 space-y-4 lg:flex lg:flex-col lg:items-center lg:justify-evenly">
<h2 className="font-lato text-xl text-[#7B2E45] tracking-[0.5em]"> <section className="lg:space-y-10">
<h2 className="font-lato text-xl lg:text-md lg:text-center text-[#7B2E45] tracking-[0.3em] ">
PROVEN RESULTS PROVEN RESULTS
</h2> </h2>
<h2 className="font-lato text-6xl text-white"> <h2 className="font-lato text-6xl lg:text-7xl text-white ">
Success{" "} Success{" "}
<span className="bg-linear-to-b from-[#7B2E45] to-[#9B3E55] bg-clip-text text-transparent leading-16"> <span className="bg-linear-to-b from-[#7B2E45] to-[#9B3E55] bg-clip-text text-transparent leading-16">
Stories Stories
</span> </span>
</h2> </h2>
<section className="space-y-8"> </section>
<div className="bg-black p-8 space-y-4"> <section className="flex flex-col gap-10 lg:flex-row lg:justify-evenly lg:w-7/8 lg:gap-10">
<div className="bg-black p-8 space-y-4 rounded-2xl">
<div className="space-y-2"> <div className="space-y-2">
<h2 className="font-lato text-2xl text-white"> <h2 className="font-lato text-2xl text-white">
Honorable MP Rahman Honorable MP Rahman
@ -468,13 +488,13 @@ export default function Home() {
Won by 45% margin Won by 45% margin
</h2> </h2>
</div> </div>
<div className="border-l-2 border-[#7B2E454D] pl-4"> <div className="border-l-2 border-[#7B2E454D] pl-4 lg:py-4">
<p className="font-lato text-lg text-[#D8DFE4E5]"> <p className="font-lato text-lg text-[#D8DFE4E5]">
"Da Next Agency transformed my campaign narrative and connected "Da Next Agency transformed my campaign narrative and connected
me authentically with voters." me authentically with voters."
</p> </p>
</div> </div>
<div className="space-y-4"> <div className="flex flex-col lg:flex-row gap-4">
<div className="p-5 rounded-2xl w-full space-y-2 border border-[#7B2E45]/20 bg-[#7B2E45]/5"> <div className="p-5 rounded-2xl w-full space-y-2 border border-[#7B2E45]/20 bg-[#7B2E45]/5">
<h2 className="font-lato text-[#7B2E45] text-2xl">+180%</h2> <h2 className="font-lato text-[#7B2E45] text-2xl">+180%</h2>
<p className="font-lato text-white/70 text-md">Engagement</p> <p className="font-lato text-white/70 text-md">Engagement</p>
@ -485,7 +505,7 @@ export default function Home() {
</div> </div>
</div> </div>
</div> </div>
<div className="bg-black p-8 space-y-4"> <div className="bg-black p-8 space-y-4 rounded-2xl">
<div className="space-y-2"> <div className="space-y-2">
<h2 className="font-lato text-2xl text-white"> <h2 className="font-lato text-2xl text-white">
TechCorp Bangladesh TechCorp Bangladesh
@ -497,13 +517,13 @@ export default function Home() {
Brand recognition +300% Brand recognition +300%
</h2> </h2>
</div> </div>
<div className="border-l-2 border-[#7B2E454D] pl-4"> <div className="border-l-2 border-[#7B2E454D] pl-4 lg:py-4">
<p className="font-lato text-lg text-[#D8DFE4E5]"> <p className="font-lato text-lg text-[#D8DFE4E5]">
"Their strategic approach to PR helped us become a household "Their strategic approach to PR helped us become a household
name in just six months." name in just six months."
</p> </p>
</div> </div>
<div className="space-y-4"> <div className="flex flex-col lg:flex-row gap-4">
<div className="p-5 rounded-2xl w-full space-y-2 border border-[#7B2E45]/20 bg-[#7B2E45]/5"> <div className="p-5 rounded-2xl w-full space-y-2 border border-[#7B2E45]/20 bg-[#7B2E45]/5">
<h2 className="font-lato text-[#7B2E45] text-2xl">+220%</h2> <h2 className="font-lato text-[#7B2E45] text-2xl">+220%</h2>
<p className="font-lato text-white/70 text-md">Engagement</p> <p className="font-lato text-white/70 text-md">Engagement</p>
@ -526,13 +546,13 @@ export default function Home() {
Policy change achieved Policy change achieved
</h2> </h2>
</div> </div>
<div className="border-l-2 border-[#7B2E454D] pl-4"> <div className="border-l-2 border-[#7B2E454D] pl-4 lg:py-4">
<p className="font-lato text-lg text-[#D8DFE4E5]"> <p className="font-lato text-lg text-[#D8DFE4E5]">
"The campaign they crafted mobilized thousands and influenced "The campaign they crafted mobilized thousands and influenced
national environmental policy." national environmental policy."
</p> </p>
</div> </div>
<div className="space-y-4"> <div className="flex flex-col lg:flex-row gap-4">
<div className="p-5 rounded-2xl w-full space-y-2 border border-[#7B2E45]/20 bg-[#7B2E45]/5"> <div className="p-5 rounded-2xl w-full space-y-2 border border-[#7B2E45]/20 bg-[#7B2E45]/5">
<h2 className="font-lato text-[#7B2E45] text-2xl">+350%</h2> <h2 className="font-lato text-[#7B2E45] text-2xl">+350%</h2>
<p className="font-lato text-white/70 text-md">Engagement</p> <p className="font-lato text-white/70 text-md">Engagement</p>
@ -546,75 +566,79 @@ export default function Home() {
</section> </section>
</section> </section>
{/*Impact Metrics*/} {/*Impact Metrics*/}
<section className="py-20 min-h-screen px-10 space-y-4"> <section className="min-h-screen px-10 pt-20 lg:pt-0 space-y-4 lg:flex lg:flex-col lg:items-center lg:justify-evenly">
<h2 className="font-lato text-xl text-[#7B2E45] tracking-wider"> <section className="lg:space-y-10">
<h2 className="font-lato text-xl lg:text-md lg:text-center text-[#7B2E45] tracking-[0.3em]">
IMPACT METRICS IMPACT METRICS
</h2> </h2>
<h2 className="font-lato text-6xl text-white"> <h2 className="font-lato text-6xl lg:text-7xl text-white">
Measurable{" "} Measurable{" "}
<span className="bg-linear-to-b from-[#7B2E45] to-[#9B3E55] bg-clip-text text-transparent leading-16"> <span className="bg-linear-to-b from-[#7B2E45] to-[#9B3E55] bg-clip-text text-transparent leading-16">
Results Results
</span> </span>
</h2> </h2>
<section className="space-y-8"> </section>
<div className="px-10 py-14 bg-[#7B2E45]/20 rounded-2xl backdrop:blur-3xl shadow-xl flex flex-col items-center space-y-5"> <section className="flex flex-col gap-10 lg:flex-row lg:justify-evenly lg:w-7/8 lg:gap-10">
<div className="lg:py-10 px-10 py-14 lg:w-full bg-[#7B2E45]/20 rounded-2xl backdrop:blur-3xl shadow-xl flex flex-col items-center space-y-5 ">
<h2 className="font-lato text-7xl text-[#7B2E45]">85%</h2> <h2 className="font-lato text-7xl text-[#7B2E45]">85%</h2>
<h5 className="font-lato text-[#D8DFE4] text-lg"> <h5 className="font-lato text-[#D8DFE4] text-lg">
Public Engagement Public Engagement
</h5> </h5>
<div className="w-full bg-[#7B2E45]/10 rounded-full overflow-hidden"> <div className="w-full bg-[#7B2E45]/10 rounded-full">
<div className="w-5/6 bg-[#7B2E45] py-2 rounded-full"></div> <div className="w-5/6 bg-[#7B2E45] py-1.5 rounded-full"></div>
</div> </div>
</div> </div>
<div className="px-10 py-14 bg-[#7B2E45]/20 rounded-2xl backdrop:blur-3xl shadow-xl flex flex-col items-center space-y-5"> <div className="lg:py-10 px-10 py-14 lg:w-full bg-[#7B2E45]/20 rounded-2xl backdrop:blur-3xl shadow-xl flex flex-col items-center space-y-5">
<h2 className="font-lato text-7xl text-[#7B2E45]">70%</h2> <h2 className="font-lato text-7xl text-[#7B2E45]">70%</h2>
<h5 className="font-lato text-[#D8DFE4] text-lg"> <h5 className="font-lato text-[#D8DFE4] text-lg">
Positive Sentiment Positive Sentiment
</h5> </h5>
<div className="w-full bg-[#7B2E45]/10 rounded-full overflow-hidden"> <div className="w-full bg-[#7B2E45]/10 rounded-full">
<div className="w-2/3 bg-[#7B2E45] py-2 rounded-full"></div> <div className="w-2/3 bg-[#7B2E45] py-1.5 rounded-full"></div>
</div> </div>
</div> </div>
<div className="px-10 py-14 bg-[#7B2E45]/20 rounded-2xl backdrop:blur-3xl shadow-xl flex flex-col items-center space-y-5"> <div className=" lg:py-10 px-10 py-14 lg:w-full bg-[#7B2E45]/20 rounded-2xl backdrop:blur-3xl shadow-xl flex flex-col items-center space-y-5">
<h2 className="font-lato text-7xl text-[#7B2E45]">90%</h2> <h2 className="font-lato text-7xl text-[#7B2E45]">90%</h2>
<h5 className="font-lato text-[#D8DFE4] text-lg">Media Reach</h5> <h5 className="font-lato text-[#D8DFE4] text-lg">Media Reach</h5>
<div className="w-full bg-[#7B2E45]/10 rounded-full overflow-hidden"> <div className="w-full bg-[#7B2E45]/10 rounded-full">
<div className="w-11/12 bg-[#7B2E45] py-2 rounded-full"></div> <div className="w-11/12 bg-[#7B2E45] py-1.5 rounded-full"></div>
</div> </div>
</div> </div>
<div className="px-10 py-14 bg-[#7B2E45]/20 rounded-2xl backdrop:blur-3xl shadow-xl flex flex-col items-center space-y-5"> <div className=" lg:py-10 px-10 py-14 lg:w-full bg-[#7B2E45]/20 rounded-2xl backdrop:blur-3xl shadow-xl flex flex-col items-center space-y-5">
<h2 className="font-lato text-7xl text-[#7B2E45]">60%</h2> <h2 className="font-lato text-7xl text-[#7B2E45]">60%</h2>
<h5 className="font-lato text-[#D8DFE4] text-lg">Brand Recall</h5> <h5 className="font-lato text-[#D8DFE4] text-lg">Brand Recall</h5>
<div className="w-full bg-[#7B2E45]/10 rounded-full overflow-hidden"> <div className="w-full bg-[#7B2E45]/10 rounded-full">
<div className="w-3/5 bg-[#7B2E45] py-2 rounded-full"></div> <div className="w-3/5 bg-[#7B2E45] py-1.5 rounded-full"></div>
</div> </div>
</div> </div>
</section> </section>
</section> </section>
{/*Socials*/} {/*Socials*/}
<section className="min-h-screen px-10 flex flex-col items-center justify-center space-y-8"> <section className="min-h-screen px-10 pt-20 lg:pt-0 flex flex-col items-center justify-center space-y-10">
<h2 className="font-lato text-xl text-[#7B2E45] tracking-[0.5em] text-center"> <section className="lg:space-y-10">
<h2 className="font-lato text-xl lg:text-md lg:text-center text-[#7B2E45] text-center tracking-[0.3em]">
THE CONNECTED WORLD THE CONNECTED WORLD
</h2> </h2>
<h2 className="font-lato text-6xl text-white text-center"> <h2 className="font-lato text-6xl lg:text-7xl text-white text-center lg:leading-26">
We nurture narratives where they{" "} We nurture narratives where they <br />
<span className="bg-linear-to-b from-[#7B2E45] to-[#9B3E55] bg-clip-text text-transparent leading-16"> <span className="bg-linear-to-b from-[#7B2E45] to-[#9B3E55] bg-clip-text text-transparent leading-16">
matter most{" "} matter most{" "}
</span> </span>
</h2> </h2>
</section>
<p className="font-lato text-2xl text-white/80 text-center"> <p className="font-lato text-2xl text-white/80 text-center">
From traditional media to emerging platforms, we manage your presence From traditional media to emerging platforms, we manage your presence
across the entire social ecosystem. across the entire social ecosystem.
</p> </p>
<section className="grid grid-cols-2 gap-4 w-full text-center"> <section className="grid grid-cols-2 lg:grid-cols-6 gap-4 text-center">
<h5 className="py-4 px-6 font-lato text-lg text-[#D8DFE4] bg-[#7B2E451A] border border-[#7B2E4533] rounded-full"> <h5 className="py-4 px-6 font-lato text-lg text-[#D8DFE4] bg-[#7B2E451A] border border-[#7B2E4533] rounded-full">
Facebook Facebook
</h5> </h5>
@ -634,37 +658,41 @@ export default function Home() {
Tiktok Tiktok
</h5> </h5>
</section> </section>
<hr className="bg-[#7B2E45]/20 h-0.5 border-0 w-1/2" /> <hr className="bg-[#7B2E45]/20 h-0.5 border-0 w-1/6" />
</section> </section>
{/*Contact*/} {/*Contact*/}
<section className="min-h-screen px-10 flex flex-col items-center justify-center space-y-8"> <section className="min-h-screen px-10 pt-20 lg:pt-0 flex flex-col items-center justify-center space-y-8 lg:space-y-20">
<h2 className="font-lato text-xl text-[#7B2E45] tracking-[0.5em] text-center"> <section className="lg:space-y-10">
<h2 className="font-lato text-xl lg:text-md text-[#7B2E45] tracking-[0.3em] text-center">
LET'S CONNECT LET'S CONNECT
</h2> </h2>
<h2 className="font-lato text-6xl text-white text-center"> <h2 className="font-lato text-6xl lg:text-7xl text-white text-center lg:leading-26">
Ready to{" "} Ready to{" "}
<span className="bg-linear-to-b from-[#7B2E45] to-[#9B3E55] bg-clip-text text-transparent leading-16"> <span className="bg-linear-to-b from-[#7B2E45] to-[#9B3E55] bg-clip-text text-transparent leading-16">
Win?{" "} Win?{" "}
</span> </span>
</h2> </h2>
<p className="font-lato text-2xl text-white/80 text-center"> </section>
<p className="font-lato text-2xl text-white/80 text-center lg:w-1/2">
Whether you're running a political campaign, launching a brand, or Whether you're running a political campaign, launching a brand, or
managing a crisis, Da Next Agency is your strategic partner for managing a crisis, Da Next Agency is your strategic partner for
success. success.
</p> </p>
<section className="w-full space-y-6"> <section className="w-full lg:w-fit space-y-6 lg:gap-10 lg:flex lg:flex-col lg:items-center">
<h5 className="py-4 px-6 flex items-center justify-center gap-4 font-lato text-xl text-[#D8DFE4] bg-[#7B2E451A] border border-[#7B2E4533] rounded-full"> <div className="flex flex-col lg:flex-row justify-evenly gap-6 lg:items-center">
<h5 className="py-4 px-6 flex items-center justify-center gap-4 font-lato text-xl text-[#D8DFE4] bg-[#7B2E451A] border border-[#7B2E4533] rounded-2xl">
<Mail size={24} color="#7B2E45" />{" "} <Mail size={24} color="#7B2E45" />{" "}
<span>contact@danextagency.com</span> <span>contact@danextagency.com</span>
</h5> </h5>
<h5 className="py-4 px-6 flex items-center justify-center gap-4 font-lato text-xl text-[#D8DFE4] bg-[#7B2E451A] border border-[#7B2E4533] rounded-full"> <h5 className="py-4 px-6 flex items-center justify-center gap-4 font-lato text-xl text-[#D8DFE4] bg-[#7B2E451A] border border-[#7B2E4533] rounded-2xl">
<Phone size={24} color="#7B2E45" /> <span>+880 123 456 7890</span> <Phone size={24} color="#7B2E45" /> <span>+880 123 456 7890</span>
</h5> </h5>
<h5 className="py-4 px-6 flex items-center justify-center gap-4 font-lato text-xl text-[#D8DFE4] bg-[#7B2E451A] border border-[#7B2E4533] rounded-full"> <h5 className="py-4 px-6 flex items-center justify-center gap-4 font-lato text-xl text-[#D8DFE4] bg-[#7B2E451A] border border-[#7B2E4533] rounded-2xl">
<Globe size={24} color="#7B2E45" /> <span>danextagency.com</span> <Globe size={24} color="#7B2E45" /> <span>danextagency.com</span>
</h5> </h5>
</div>
<button <button
className="w-full className="lg:w-fit w-full
px-8 py-4 rounded-xl px-8 py-4 rounded-xl
bg-linear-to-b from-[#7B2E45] to-[#9B3E55] bg-linear-to-b from-[#7B2E45] to-[#9B3E55]
hover:from-[#913651] hover:to-[#b34762] hover:from-[#913651] hover:to-[#b34762]
@ -675,7 +703,7 @@ export default function Home() {
</span> </span>
</button> </button>
</section> </section>
<hr className="bg-[#7B2E45]/20 h-0.5 border-0 w-1/2" /> <hr className="bg-[#7B2E45]/20 h-0.5 border-0 w-1/6" />
</section> </section>
</main> </main>
); );

BIN
public/images/campaign-strategy.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 199 KiB

After

Width:  |  Height:  |  Size: 1.7 MiB

BIN
public/images/media-production.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 196 KiB

After

Width:  |  Height:  |  Size: 1.7 MiB

BIN
public/images/research.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 196 KiB

After

Width:  |  Height:  |  Size: 1.7 MiB