.elementor-1491 .elementor-element.elementor-element-4ec32d01{--display:flex;}.elementor-widget-ehp-flex-footer .ehp-flex-footer{--flex-footer-subheading-color:var( --e-global-color-secondary );--flex-footer-site-title-color:var( --e-global-color-primary );--flex-footer-site-title-color-hover:var( --e-global-color-primary );--flex-footer-logo-border-color:var( --e-global-color-text );--flex-footer-description-color:var( --e-global-color-text );--flex-footer-link-color:var( --e-global-color-secondary );--flex-footer-link-color-hover:var( --e-global-color-accent );--flex-footer-copyright-color:var( --e-global-color-text );border-top-color:var( --e-global-color-text );}.elementor-widget-ehp-flex-footer .ehp-flex-footer__subheading{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-ehp-flex-footer .ehp-flex-footer__site-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-ehp-flex-footer .ehp-flex-footer__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-widget-ehp-flex-footer .ehp-flex-footer__link{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-widget-ehp-flex-footer .ehp-flex-footer__copyright .ehp-flex-footer__copyright-text{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-widget-ehp-flex-footer .ehp-flex-footer__copyright-text-container{border-top-color:var( --e-global-color-secondary );}.elementor-1491 .elementor-element.elementor-element-76f2fa7e .ehp-flex-footer{--flex-footer-columns:4;--flex-footer-row-gap:60px;--flex-footer-column-gap:40px;--flex-footer-subheading-color:var( --e-global-color-primary );--flex-footer-subheading-spacing:20px;--flex-footer-logo-width:200px;--flex-footer-description-color:var( --e-global-color-primary );--flex-footer-description-max-width:100%;--flex-footer-link-color:var( --e-global-color-primary );--flex-footer-link-color-hover:var( --e-global-color-primary );--flex-footer-links-spacing:8px;--flex-footer-icons-alignment:row;--flex-footer-social-icon-size:20px;--flex-footer-copyright-color:var( --e-global-color-primary );--flex-footer-copyright-alignment:start;--flex-footer-box-gap:60px;--flex-footer-box-padding-block-end:100px;--flex-footer-box-padding-block-start:100px;--flex-footer-box-padding-inline-end:100px;--flex-footer-box-padding-inline-start:100px;}@media(max-width:1024px){.elementor-widget-ehp-flex-footer .ehp-flex-footer__subheading{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-ehp-flex-footer .ehp-flex-footer__site-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-ehp-flex-footer .ehp-flex-footer__description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-widget-ehp-flex-footer .ehp-flex-footer__link{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-widget-ehp-flex-footer .ehp-flex-footer__copyright .ehp-flex-footer__copyright-text{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-1491 .elementor-element.elementor-element-76f2fa7e .ehp-flex-footer{--flex-footer-columns:2;--flex-footer-row-gap:60px;--flex-footer-column-gap:40px;--flex-footer-box-padding-block-end:60px;--flex-footer-box-padding-block-start:60px;--flex-footer-box-padding-inline-end:60px;--flex-footer-box-padding-inline-start:60px;}}@media(max-width:767px){.elementor-widget-ehp-flex-footer .ehp-flex-footer__subheading{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-ehp-flex-footer .ehp-flex-footer__site-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-ehp-flex-footer .ehp-flex-footer__description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-widget-ehp-flex-footer .ehp-flex-footer__link{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-widget-ehp-flex-footer .ehp-flex-footer__copyright .ehp-flex-footer__copyright-text{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-1491 .elementor-element.elementor-element-76f2fa7e .ehp-flex-footer{--flex-footer-columns:1;--flex-footer-row-gap:60px;--flex-footer-column-gap:40px;--flex-footer-box-padding-block-end:32px;--flex-footer-box-padding-block-start:32px;--flex-footer-box-padding-inline-end:32px;--flex-footer-box-padding-inline-start:32px;}}/* Start custom CSS for ehp-flex-footer, class: .elementor-element-76f2fa7e */<!DOCTYPE html><html class="dark" lang="en"><head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>AI with Daman | Mastering AI in Marketing</title>
<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@700;800&amp;family=Inter:wght@400;500;600&amp;family=Space+Grotesk:wght@400;500;700&amp;display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet">
<script id="tailwind-config">
      tailwind.config = {
        darkMode: "class",
        theme: {
          extend: {
            colors: {
              "error": "#ffb4ab",
              "surface": "#0b1326",
              "on-tertiary": "#003731",
              "on-secondary-fixed": "#23005c",
              "on-tertiary-fixed": "#00201c",
              "surface-variant": "#2d3449",
              "surface-container-high": "#222a3d",
              "secondary-container": "#571bc1",
              "on-primary-fixed-variant": "#004c6e",
              "surface-dim": "#0b1326",
              "surface-container-low": "#131b2e",
              "on-primary-fixed": "#001e2f",
              "surface-container-highest": "#2d3449",
              "primary": "#89ceff",
              "primary-fixed-dim": "#89ceff",
              "inverse-on-surface": "#283044",
              "inverse-primary": "#006591",
              "primary-fixed": "#c9e6ff",
              "tertiary-fixed-dim": "#3cddc7",
              "outline-variant": "#45464d",
              "on-primary": "#00344d",
              "on-secondary": "#3c0091",
              "secondary-fixed-dim": "#d0bcff",
              "secondary-fixed": "#e9ddff",
              "secondary": "#d0bcff",
              "surface-bright": "#31394d",
              "on-surface": "#dae2fd",
              "error-container": "#93000a",
              "on-error-container": "#ffdad6",
              "surface-container": "#171f33",
              "on-surface-variant": "#c6c6cd",
              "surface-container-lowest": "#060e20",
              "primary-container": "#001a29",
              "background": "#0b1326",
              "on-secondary-container": "#c4abff",
              "on-tertiary-container": "#009182",
              "outline": "#909097",
              "tertiary-fixed": "#62fae3",
              "on-error": "#690005",
              "on-background": "#dae2fd",
              "surface-tint": "#89ceff",
              "on-primary-container": "#0089c3",
              "inverse-surface": "#dae2fd",
              "on-secondary-fixed-variant": "#5516be",
              "on-tertiary-fixed-variant": "#005047",
              "tertiary": "#3cddc7",
              "tertiary-container": "#001c18"
            },
            fontFamily: {
              "headline": ["Manrope"],
              "body": ["Inter"],
              "label": ["Space Grotesk"]
            },
            borderRadius: {"DEFAULT": "0.125rem", "lg": "0.25rem", "xl": "0.5rem", "full": "0.75rem"},
          },
        },
      }
    </script>
<style>
      .material-symbols-outlined {
        font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
      }
      .glass-effect {
        backdrop-filter: blur(24px);
        -webkit-backdrop-filter: blur(24px);
      }
      .gradient-cta {
        background: linear-gradient(135deg, #89ceff 0%, #d0bcff 100%);
      }
      .text-gradient {
        background: linear-gradient(135deg, #89ceff 0%, #3cddc7 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }
    </style>
</head>
<body class="bg-background text-on-background font-body selection:bg-primary selection:text-on-primary">
<!-- TopNavBar -->
<nav class="fixed top-0 w-full z-50 bg-slate-950/70 backdrop-blur-xl shadow-2xl shadow-black/20">
<div class="flex justify-between items-center max-w-7xl mx-auto px-6 py-4">
<div class="text-xl font-bold tracking-tight text-slate-50 dark:text-white font-headline" style="">learn ai</div>
<div class="hidden md:flex items-center space-x-8 font-label text-sm uppercase tracking-wider">
<a class="text-slate-400 hover:text-slate-100 transition-colors" href="#" style="">About</a>
<a class="text-slate-400 hover:text-slate-100 transition-colors" href="#" style="">My Companies</a>
<a class="text-slate-400 hover:text-slate-100 transition-colors" href="#" style="">Experience</a>
</div>
<div class="flex items-center gap-4">
<button class="px-5 py-2 rounded-lg bg-white/5 text-sky-400 font-semibold border border-sky-400/20 hover:bg-white/10 transition-all duration-300 scale-95 active:scale-90 font-label" style="">
                    Contact
                </button>
<button class="md:hidden text-on-background" style="">
<span class="material-symbols-outlined" style="">menu</span>
</button>
</div>
</div>
</nav>
<main>
<!-- Hero Section -->
<section class="relative pt-32 pb-20 md:pt-48 md:pb-32 overflow-hidden">
<div class="max-w-7xl mx-auto px-6 grid grid-cols-1 lg:grid-cols-12 gap-12 items-center">
<div class="lg:col-span-7 z-10">
<div class="inline-block px-3 py-1 mb-6 rounded-full bg-primary/10 border border-primary/20">
<span class="font-label text-xs font-bold tracking-[0.2em] text-primary uppercase" style="">Next Gen Marketing</span>
</div>
<h1 class="font-headline text-5xl md:text-7xl font-extrabold tracking-tight mb-6 leading-[1.1]" style="">
                        Mastering <span class="text-gradient" style="">AI</span> in <br>Marketing
                    </h1>
<p class="font-body text-lg md:text-xl text-on-surface-variant max-w-xl mb-10 leading-relaxed" style="">
                        Leverage 8 years of experience to transform your marketing strategy with cutting-edge AI.
                    </p>
<div class="flex flex-wrap gap-4">
<button class="gradient-cta text-on-primary-fixed px-8 py-4 rounded-xl font-headline font-bold text-lg hover:shadow-lg hover:shadow-primary/20 transition-all duration-300 scale-95 active:scale-90" style="">
                            Book a Consultation
                        </button>
<button class="px-8 py-4 rounded-xl bg-surface-container-high border border-outline-variant/30 font-headline font-bold text-lg hover:bg-surface-bright transition-all duration-300" style="">
                            View Case Studies
                        </button>
</div>
</div>
<div class="lg:col-span-5 relative">
<div class="aspect-square rounded-[2rem] bg-surface-container-high glass-effect p-8 relative overflow-hidden group">
<div class="absolute inset-0 bg-gradient-to-tr from-primary/10 to-transparent"></div>
<img alt="AI Intelligence Concept" class="w-full h-full object-cover rounded-2xl opacity-80 group-hover:scale-105 transition-transform duration-700" data-alt="Abstract 3D visualization of neural networks and glowing data points in deep blue and teal neon lighting" src="https://lh3.googleusercontent.com/aida-public/AB6AXuAJbmJXMtTWDWzutR_dL38v_0ATgrPlMCqp0LA_J3slm8HIrTlBS3fjkUCrvHMsXqA43HpmQq_t-9w55wNE4NUbh50jlErqInLrsKCUIys5sT1CcC0Zur1UHoJF8FA3rfE5aGrS6ur8Hucs2oLlMK6CoFLr-nY8GjAKcSZve55crRYtajrVhNAduhPekYGNc0_MlzVa5zf2853pveTbTQQYURfjSkUTvMDRwOGVdUDD40Gmss2RrIxMHDDX8v-bFv-ceP-F0FSqBy95" style="">
<div class="absolute bottom-12 -left-6 p-6 bg-surface-container-highest rounded-2xl shadow-2xl border border-outline-variant/20 max-w-[200px]">
<p class="font-label text-xs text-primary mb-1" style="">ACCURACY</p>
<p class="font-headline text-2xl font-bold" style="">99.9%</p>
</div>
</div>
<!-- Decorative blur -->
<div class="absolute -top-20 -right-20 w-64 h-64 bg-secondary/20 blur-[100px] rounded-full"></div>
</div>
</div>
</section>
<!-- Logos Section -->
<section class="py-12 bg-surface-container-lowest">
<div class="max-w-7xl mx-auto px-6">
<p class="font-label text-xs uppercase tracking-[0.3em] text-on-surface-variant/60 text-center mb-8" style="">Proudly associated with:</p>
<div class="flex flex-wrap justify-center items-center gap-12 md:gap-24">
<span class="text-2xl font-headline font-extrabold text-on-surface-variant/50 hover:text-on-surface-variant transition-colors cursor-default" style="">TrafficTail</span>
<span class="text-2xl font-headline font-extrabold text-on-surface-variant/50 hover:text-on-surface-variant transition-colors cursor-default" style="">Yelo Marketing</span>
<span class="text-2xl font-headline font-extrabold text-on-surface-variant/50 hover:text-on-surface-variant transition-colors cursor-default" style="">7KNetwork</span>
</div>
</div>
</section>
<!-- Experience Section -->
<section class="py-24 md:py-32 bg-surface">
<div class="max-w-7xl mx-auto px-6 grid grid-cols-1 lg:grid-cols-2 gap-16 items-center">
<div class="order-2 lg:order-1 relative">
<div class="grid grid-cols-2 gap-4">
<div class="space-y-4">
<div class="h-48 rounded-2xl overflow-hidden">
<img alt="Workspace" class="w-full h-full object-cover" data-alt="Modern high-tech conference room with glass walls and professional atmosphere during sunset" src="https://lh3.googleusercontent.com/aida-public/AB6AXuBJLG1i6UwfcCsmLI7ajLivYQNkwY0brHOmFbQMhePWjRNEKugvYzLTN-Iis2FFkf75YTW5Sms_YQZ1AGaLodJ7apElycz0hs02PVCuj1r3NID0r_KeWhHfL1ml5MPj8s6_yNCOe6rT7n4tqbPGeCoINPmHdxDPrAL_WUKTMU_UnWUNhycjoS5-7YTrTOSsJLpAh0XWgwdnUEARfplP1L8kz5tFhtGpPjqUsTXpiQHwHrZNitTZtZ6NLpoUPd4Y4N2XmgVtFVEjCwtz" style="">
</div>
<div class="bg-primary-container p-6 rounded-2xl">
<p class="font-headline text-4xl font-bold text-primary mb-1" style="">8+</p>
<p class="font-label text-xs uppercase tracking-widest text-on-primary-container" style="">Years Experience</p>
</div>
</div>
<div class="space-y-4 pt-8">
<div class="bg-surface-container-highest p-6 rounded-2xl border border-outline-variant/10">
<p class="font-headline text-4xl font-bold text-secondary mb-1" style="">500+</p>
<p class="font-label text-xs uppercase tracking-widest text-on-surface-variant" style="">Students Taught</p>
</div>
<div class="h-64 rounded-2xl overflow-hidden">
<img alt="Tech Focus" class="w-full h-full object-cover" data-alt="Close-up of a high-end laptop screen showing marketing data analytics and AI charts in a dark room" src="https://lh3.googleusercontent.com/aida-public/AB6AXuAxf3TogYtmTIa8f8E_3jR1lIZXllHiI-V2fcVvyQWsuRDyii6qdtuv6cIwlDTdA-B8Mk-sEJIty12BsrMUPHTNwWhisbyZT1sAbKTKC-gW_6TQE6t1My7Hucr8iA5VRYo3PNf14ZaJL2N3dN6wbK5E_gjP-Tn8XNs024_Wl7B-ydxU7_NyJpNhzycrwKc0LhxVpbZJuZtQThhb3lIKMwESw2uYAFvl2-bscNox4cQeiS9EV_UAxOgjsStEpri3nRVq50-IM0LR-Mmg" style="">
</div>
</div>
</div>
</div>
<div class="order-1 lg:order-2">
<h2 class="font-headline text-4xl md:text-5xl font-bold mb-8 leading-tight" style="">
                        8 Years of Excellence in Digital Marketing
                    </h2>
<div class="space-y-6">
<p class="font-body text-lg text-on-surface-variant leading-relaxed" style="">
                            From managing <span class="text-on-surface font-semibold" style="">7KNetwork</span> to founding <span class="text-on-surface font-semibold" style="">Yelo Marketing</span>, Daman has been at the forefront of digital innovation.
                        </p>
<p class="font-body text-lg text-on-surface-variant leading-relaxed" style="">
                            Former lead instructor at <span class="text-on-surface font-semibold" style="">Techstack</span>, teaching the next generation of marketers how to leverage AI to stay ahead in an ever-evolving digital landscape.
                        </p>
</div>
<div class="mt-10 p-6 bg-surface-container-low rounded-xl border-l-4 border-tertiary">
<p class="italic text-on-surface/80 font-body" style="">"AI isn't replacing marketers; it's empowering them to reach unprecedented levels of precision."</p>
</div>
</div>
</div>
</section>
<!-- Services Section (Bento Grid) -->
<section class="py-24 bg-surface-container-lowest">
<div class="max-w-7xl mx-auto px-6">
<div class="mb-16 text-center">
<h2 class="font-headline text-4xl font-bold mb-4" style="">Core AI Solutions</h2>
<div class="h-1 w-20 bg-primary mx-auto"></div>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<!-- Service Card 1 -->
<div class="group bg-surface-container p-10 rounded-3xl hover:bg-surface-bright transition-all duration-500 hover:-translate-y-2 cursor-pointer flex flex-col justify-between min-h-[400px]">
<div>
<div class="w-14 h-14 rounded-2xl bg-primary/10 flex items-center justify-center text-primary mb-8 group-hover:scale-110 transition-transform">
<span class="material-symbols-outlined text-3xl" style="">auto_awesome</span>
</div>
<h3 class="font-headline text-2xl font-bold mb-4" style="">AI Automation</h3>
<p class="font-body text-on-surface-variant" style="">Streamline your workflows and reduce manual overhead with custom-built AI agents and automated content pipelines.</p>
</div>
<div class="pt-8 flex items-center text-primary font-label text-sm font-bold uppercase tracking-widest opacity-0 group-hover:opacity-100 transition-opacity" style="">
                            Explore Service <span class="material-symbols-outlined ml-2" style="">arrow_forward</span>
</div>
</div>
<!-- Service Card 2 -->
<div class="group bg-surface-container-high p-10 rounded-3xl hover:bg-surface-bright transition-all duration-500 hover:-translate-y-2 cursor-pointer flex flex-col justify-between min-h-[400px] border border-primary/10">
<div>
<div class="w-14 h-14 rounded-2xl bg-secondary/10 flex items-center justify-center text-secondary mb-8 group-hover:scale-110 transition-transform">
<span class="material-symbols-outlined text-3xl" style="">trending_up</span>
</div>
<h3 class="font-headline text-2xl font-bold mb-4" style="">Growth Marketing</h3>
<p class="font-body text-on-surface-variant" style="">Data-driven strategies that combine human creativity with AI predictive modeling to scale your acquisition channels.</p>
</div>
<div class="pt-8 flex items-center text-secondary font-label text-sm font-bold uppercase tracking-widest opacity-0 group-hover:opacity-100 transition-opacity" style="">
                            Explore Service <span class="material-symbols-outlined ml-2" style="">arrow_forward</span>
</div>
</div>
<!-- Service Card 3 -->
<div class="group bg-surface-container p-10 rounded-3xl hover:bg-surface-bright transition-all duration-500 hover:-translate-y-2 cursor-pointer flex flex-col justify-between min-h-[400px]">
<div>
<div class="w-14 h-14 rounded-2xl bg-tertiary/10 flex items-center justify-center text-tertiary mb-8 group-hover:scale-110 transition-transform">
<span class="material-symbols-outlined text-3xl" style="">psychology</span>
</div>
<h3 class="font-headline text-2xl font-bold mb-4" style="">Consulting</h3>
<p class="font-body text-on-surface-variant" style="">Strategic roadmap development for enterprises looking to integrate AI into their existing marketing infrastructure.</p>
</div>
<div class="pt-8 flex items-center text-tertiary font-label text-sm font-bold uppercase tracking-widest opacity-0 group-hover:opacity-100 transition-opacity" style="">
                            Explore Service <span class="material-symbols-outlined ml-2" style="">arrow_forward</span>
</div>
</div>
</div>
</div>
</section>
<!-- Newsletter Section -->
<section class="py-24 px-6">
<div class="max-w-5xl mx-auto bg-surface-container-lowest rounded-[3rem] p-8 md:p-16 relative overflow-hidden">
<!-- Background visual -->
<div class="absolute top-0 right-0 w-1/2 h-full bg-gradient-to-l from-primary/5 to-transparent pointer-events-none"></div>
<div class="relative z-10 flex flex-col md:flex-row items-center justify-between gap-12">
<div class="max-w-md">
<h2 class="font-headline text-3xl md:text-4xl font-bold mb-4" style="">Get AI Marketing Tips</h2>
<p class="font-body text-on-surface-variant" style="">Stay ahead with weekly insights on how AI is reshaping the digital marketing landscape. No spam, just value.</p>
</div>
<div class="w-full md:w-auto flex-1 max-w-md">
<form class="flex flex-col sm:flex-row gap-4">
<input class="flex-1 bg-transparent border-0 border-b border-outline-variant/30 text-on-surface focus:ring-0 focus:border-primary font-label text-md py-4 placeholder:text-on-surface-variant/40" placeholder="Enter your email" type="email">
<button class="px-8 py-4 bg-primary text-on-primary font-headline font-bold rounded-xl hover:bg-primary-fixed transition-colors whitespace-nowrap" style="">
                                Subscribe
                            </button>
</form>
<p class="font-label text-[10px] uppercase tracking-widest text-on-surface-variant/40 mt-4 text-center sm:text-left" style="">Join 5,000+ marketing professionals</p>
</div>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="w-full border-t border-slate-800/30 bg-slate-950">
<div class="max-w-7xl mx-auto px-8 py-12 flex flex-col md:flex-row justify-between items-center gap-6">
<div class="flex flex-col items-center md:items-start gap-2">
<span class="text-lg font-bold text-slate-200 font-headline tracking-tight" style="">AI with Daman</span>
<span class="font-body text-sm text-slate-500" style="">© 2024 AI with Daman. All rights reserved.</span>
</div>
<div class="flex gap-8">
<a class="font-label text-xs uppercase tracking-widest text-slate-500 hover:text-sky-400 transition-transform hover:translate-y-[-2px]" href="#" style="">LinkedIn</a>
<a class="font-label text-xs uppercase tracking-widest text-slate-500 hover:text-sky-400 transition-transform hover:translate-y-[-2px]" href="#" style="">Twitter</a>
<a class="font-label text-xs uppercase tracking-widest text-slate-500 hover:text-sky-400 transition-transform hover:translate-y-[-2px]" href="#" style="">Privacy Policy</a>
<a class="font-label text-xs uppercase tracking-widest text-slate-500 hover:text-sky-400 transition-transform hover:translate-y-[-2px]" href="#" style="">Terms of Service</a>
</div>
</div>
</footer>
</body></html>/* End custom CSS */