import React, { useState, useEffect, useRef, useCallback } from “react”; import { ArrowLeft, ArrowRight } from “lucide-react”; interface ImageConfig { src: string; bg: string; panel: string; } const IMAGES: ImageConfig[] = [ { src: “https://fifth-gentle-45902158.figma.site/_components/v2/4de492f6d9cf8244ad5293233e5c6f52407d42fc/1.02464a56.png”, bg: “#B80000”, panel: “#D94A4A”, }, { src: “https://fifth-gentle-45902158.figma.site/_components/v2/4de492f6d9cf8244ad5293233e5c6f52407d42fc/2.b977faab.png”, bg: “#050505”, panel: “#222222”, }, { src: “https://fifth-gentle-45902158.figma.site/_components/v2/4de492f6d9cf8244ad5293233e5c6f52407d42fc/3.4df853b4.png”, bg: “#B80000”, panel: “#E05A5A”, }, { src: “https://fifth-gentle-45902158.figma.site/_components/v2/4de492f6d9cf8244ad5293233e5c6f52407d42fc/4.4457fbce.png”, bg: “#050505”, panel: “#333333”, }, ]; const EASE = “cubic-bezier(0.4,0,0.2,1)”; const DURATION = 650; type SlotName = “center” | “left” | “right” | “back” | “hidden”; function getSlot(offset: number): SlotName { const n = ((offset % 4) + 4) % 4; if (n === 0) return “center”; if (n === 1) return “right”; if (n === 3) return “left”; return “back”; } function slotStyle(slot: SlotName, isMobile: boolean): React.CSSProperties { const base: React.CSSProperties = { position: “absolute”, left: “50%”, transition: `all ${DURATION}ms ${EASE}`, willChange: “transform, filter, opacity”, }; switch (slot) { case “center”: return { …base, height: isMobile ? “60%” : “92%”, bottom: isMobile ? “22%” : “0%”, transform: isMobile ? “translateX(-50%) scale(1)” : “translateX(-50%) scale(1.68)”, opacity: 1, zIndex: 20, filter: “blur(0px)”, }; case “left”: return { …base, left: isMobile ? “20%” : “30%”, height: isMobile ? “16%” : “28%”, bottom: isMobile ? “32%” : “12%”, transform: “translateX(-50%) scale(1)”, opacity: 0.85, zIndex: 10, filter: “blur(2px)”, }; case “right”: return { …base, left: isMobile ? “80%” : “70%”, height: isMobile ? “16%” : “28%”, bottom: isMobile ? “32%” : “12%”, transform: “translateX(-50%) scale(1)”, opacity: 0.85, zIndex: 10, filter: “blur(2px)”, }; case “back”: return { …base, height: isMobile ? “13%” : “22%”, bottom: isMobile ? “32%” : “12%”, transform: “translateX(-50%) scale(1)”, opacity: 1, zIndex: 5, filter: “blur(4px)”, }; default: return { …base, height: “0%”, bottom: “0%”, transform: “translateX(-50%) scale(0.9)”, opacity: 0, zIndex: 0, }; } } const DigiAdFactoryHero: React.FC = () => { const [activeIndex, setActiveIndex] = useState(0); const [isAnimating, setIsAnimating] = useState(false); const [isMobile, setIsMobile] = useState( typeof window !== “undefined” ? window.innerWidth < 640 : false ); const animTimeout = useRef | null>(null); // Preload all images on mount useEffect(() => { IMAGES.forEach((img) => { const preload = new Image(); preload.src = img.src; }); }, []); useEffect(() => { const onResize = () => setIsMobile(window.innerWidth < 640); window.addEventListener("resize", onResize); return () => window.removeEventListener(“resize”, onResize); }, []); useEffect(() => { return () => { if (animTimeout.current) clearTimeout(animTimeout.current); }; }, []); const goTo = useCallback( (dir: 1 | -1) => { if (isAnimating) return; setIsAnimating(true); setActiveIndex((prev) => (prev + dir + IMAGES.length) % IMAGES.length); animTimeout.current = setTimeout(() => setIsAnimating(false), DURATION); }, [isAnimating] ); const next = useCallback(() => goTo(1), [goTo]); const previous = useCallback(() => goTo(-1), [goTo]); const active = IMAGES[activeIndex]; return (

{/* Dynamic background */}

{/* Giant ghost typography */}

CREATE GROW

{/* Top left branding */}

DIGIADFACTORY

{/* Character carousel */}

{IMAGES.map((img, i) => { const offset = i – activeIndex; const slot = getSlot(offset); const style = slotStyle(slot, isMobile); return (

); })}

{/* Grain overlay */}

{/* Bottom left content */}

DIGIADFACTORY

WE MANUFACTURE YOUR DIGITAL SUCCESS

Your trusted digital marketing agency helping businesses build powerful brands, generate leads, and scale through creativity, technology, and AI-driven growth.

{/* Bottom right link */} DISCOVER DIGITAL SUCCESS

); }; export default DigiAdFactoryHero;

Digital Marketing by DIGIADFACTORY – Your Trustable Partner

SEO Services

Improve website visibility, drive targeted traffic, and boost online presence.

PPC Services

Launch targeted ad campaigns, drive traffic, maximize ROI, analyze performance.

Social Media

Engage with audience, establish brand, drive leads, foster loyalty, build community.

Whatsapp Marketing

Maximize Reach, Engagement, Conversions, and Customer Satisfaction.

Content Marketing

Educating audiences, through valuable and Relevant content creation.

Video Marketing

Engaging content captivates and converts, influencing audiences & brand loyalty.

Email Marketing

promoting Product & Services Through personalized Email Campaigns.

CRO

Optimizes websites to boost conversions effectively, enhancing user experience.

Show All

How it all works

To Reach Your Friendly Digital Marketing Team!

It takes just 3 steps.

1

Call Now

Let’s Chat: Reach out to us ,Tell us about your business, your goals, and what you’re looking to achieve with digital marketing.

2

Schedule a meet

Let’s Plan: Our expert team will craft a personalized digital marketing strategy just for you. We’ll take into account your unique needs, target audience, and budget to create a plan that works best for your business.

3

Start the journey

Launch and Grow: Once you’re happy with the plan, we’ll get to work! .Sit back, relax, and watch your online presence grow with DigiAdFactory by your side!

BRANDING

At DigiAdFactory, we’re experts in branding. We carefully plan strategies, create cool designs, and show how it all works to make your brand stand out.

Verified Profiles

We build awesome websites! Our team combines creativity and tech skills to create sites that look great and work smoothly for your business.

Design

we’re all about design! From logos to graphics, we make things look stunning. Let us bring your vision to life with our creative touch.

Marketing

we’re masters of marketing! We help your business shine with clever strategies and tactics that get results.

Why us

To Experience the difference for yourself!

We understand that every business is unique, and each client comes to us with distinct goals, challenges, and aspirations. Don’t just take our word for it – our work for your business speaks for itself.

Personalized strategies

At DigiAdFactory, we believe in tailor-made solutions. We don’t offer cookie-cutter strategies; instead, we craft personalized plans that fit your business like a glove.

Expert team

With years of experience and a team of seasoned professionals, we have the knowledge and expertise to drive real results. From SEO to social media, we’ve got you covered.

Proven results

We’ve helped countless businesses achieve their digital marketing goals and we can do the same for you.

About us

“We know how to make your brand look great.“

At DigiAdFactory, we love helping businesses succeed online. We create special plans and work hard to boost your online presence and get results. Whether it’s making your website rank higher on Google or getting lots of likes on social media.

Our Success Stories

5/5

Thrilled with the results – DigiAdFactory truly delivers on their promises.

Gayathri

4/5

Working with DigiAdFactory was a game-changer for us. Our sales have been through the roof since we joined forces

Jaison

5/5

Our online presence took off once we started working with DigiAdFactory. It’s like they knew exactly what we needed!

John Bosco

4/5

We were blown away by how DigiAdFactory personalized our strategies. It felt like they truly understood our needs.

Judy

4/5

DigiAdFactory isn’t just another agency – they’re partners invested in our success. Highly recommend

Srinivasa Devaraj

Would you like to start a project with us?

We’d be delighted to make your project a success.

Get in touch with us now !