@import "@fontsource/inter/400.css";
@import "@fontsource/inter/500.css";
@import "@fontsource/inter/600.css";
@import "@fontsource/inter/700.css";
@import "@fontsource/inter/800.css";
@tailwind base;
@tailwind components;
@tailwind utilities;
/* ==================================================
SD DIGITAL NETWORK DESIGN TOKENS
================================================== */
@layer base {
:root {
--primary: #00ADB5;
--accent: #E74C3C;
--secondary: #FFB300;
--background: #FFFFFF;
--surface: #F8FAFC;
--text: #333333;
--muted: #64748B;
--border: 210 20% 90%;
--input: 210 20% 90%;
--ring: 186 100% 35%;
}
* {
@apply border-border;
}
html {
scroll-behavior: smooth;
}
body {
@apply font-sans antialiased;
background: var(--background);
color: var(--text);
}
h1,
h2,
h3,
h4,
h5,
h6 {
@apply font-heading font-bold tracking-tight;
color: var(--text);
}
p {
color: var(--text);
}
}
/* ==================================================
REUSABLE COMPONENTS
================================================== */
@layer components {
.section {
@apply py-20 lg:py-28;
}
.section-title {
@apply text-3xl md:text-4xl lg:text-5xl font-bold tracking-tight;
}
.section-subtitle {
color: var(--muted);
@apply mt-4 text-lg leading-relaxed max-w-3xl;
}
.card-surface {
background: var(--surface);
@apply rounded-2xl border border-slate-200 shadow-soft;
}
.pill {
@apply inline-flex items-center rounded-full px-4 py-2 text-sm font-medium;
background: rgba(0, 173, 181, 0.08);
color: var(--primary);
}
.primary-btn {
background: var(--accent);
color: white;
@apply inline-flex
items-center
justify-center
rounded-full
px-6
py-3
font-semibold
transition-all
duration-300;
}
.primary-btn:hover {
transform: translateY(-2px);
filter: brightness(1.05);
}
.secondary-btn {
border: 1px solid var(--primary);
color: var(--primary);
@apply inline-flex
items-center
justify-center
rounded-full
px-6
py-3
font-semibold
transition-all
duration-300;
}
.secondary-btn:hover {
background: rgba(0, 173, 181, 0.08);
}
.accent-underline {
position: relative;
display: inline-block;
}
.accent-underline::after {
content: "";
position: absolute;
left: 0;
bottom: -6px;
width: 100%;
height: 8px;
background: rgba(231, 76, 60, 0.25);
border-radius: 999px;
}
.hero-grid {
background-image:
linear-gradient(
to right,
rgba(0, 173, 181, 0.08) 1px,
transparent 1px
),
linear-gradient(
to bottom,
rgba(0, 173, 181, 0.08) 1px,
transparent 1px
);
background-size: 40px 40px;
}
.stat-number {
color: var(--accent);
@apply text-4xl md:text-5xl font-extrabold;
}
.dark-banner {
background: #0f172a;
color: white;
}
.dark-footer {
background: #020617;
color: white;
}
.glass-card {
background: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(12px);
@apply rounded-2xl
border
border-white/50
shadow-card;
}
}
/* ==================================================
UTILITIES
================================================== */
@layer utilities {
.text-muted {
color: var(--muted);
}
.text-primary-brand {
color: var(--primary);
}
.text-accent-brand {
color: var(--accent);
}
.bg-primary-brand {
background: var(--primary);
}
.bg-accent-brand {
background: var(--accent);
}
.bg-surface-brand {
background: var(--surface);
}
.border-brand {
border-color: rgba(0, 173, 181, 0.15);
}
.max-width-content {
max-width: 1280px;
margin-inline: auto;
}
}
import { motion } from "framer-motion";
import {
ArrowRight,
CheckCircle2,
Sparkles,
Rocket,
Brain,
HeartHandshake,
Users,
Target,
BookOpen,
Wand2,
Mail,
MapPin,
} from "lucide-react";
const fadeUp = {
hidden: {
opacity: 0,
y: 30,
},
visible: (i = 1) => ({
opacity: 1,
y: 0,
transition: {
delay: i * 0.08,
duration: 0.6,
},
}),
};
export default function Index() {
const products = [
{
name: "Direct Selling Content Creation & Automation Playbook",
description:
"Your ultimate guide with 50+ templates, AI prompts, and step-by-step blueprints to consistently generate leads and boost conversions, making your direct selling business thrive online.",
price: "₹1499",
},
{
name: "Personalized 90-Day Digital Growth Roadmap",
description:
"A bespoke strategy session leading to a tailored 90-day action plan for your unique direct selling business. Overcome bottlenecks and achieve rapid digital acceleration with direct expert mentorship.",
price: "₹[Price Placeholder]",
},
{
name: "WhatsApp & Facebook Story Accelerator",
description:
"Get proven templates and mini-courses to master compelling storytelling and engagement on WhatsApp and Facebook, turning casual viewers into curious prospects instantly.",
price: "₹[Price Placeholder]",
},
];
const features = [
{
title: "50+ Ready-to-Use Content Templates",
description:
"No more blank page syndrome! Access a library of customizable Canva templates for engaging posts, stories, and reels, ready to adapt in minutes for any platform.",
},
{
title: "Multilingual AI Content Prompts",
description:
"Effortlessly generate fresh and captivating content ideas in Hindi, Bangla, and English, using our bespoke AI prompts to connect with a wider audience authentically.",
},
{
title: "High-Converting Lead Magnet Blueprints",
description:
"Attract your ideal prospects like a magnet with battle-tested lead magnet ideas and plug-and-play templates designed to build your email and WhatsApp lists with ease.",
},
{
title: "Automated Follow-up Sequences",
description:
"Turn interested leads into committed customers or team members with our automated, psychologically-driven follow-up scripts for Email and WhatsApp that close sales without being pushy.",
},
{
title: "Simplified Content Planning System",
description:
"Eliminate content stress forever. Our step-by-step guide helps you plan, organize, and schedule your social media content months in advance, ensuring consistent presence and growth.",
},
{
title: "Essential Automation & Productivity Hacks",
description:
"Discover smart tools and quick tutorials to automate routine social media tasks, freeing up your precious time to focus on relationship building and business expansion.",
},
];
const benefits = [
"You will consistently publish engaging content across platforms, building authority and visibility with minimal effort.",
"You will effortlessly attract a steady stream of genuinely interested prospects who are ready to learn more about your offer.",
"You will confidently convert conversations into sales and new team members using proven, ethical persuasion techniques.",
"You will break free from content creation overwhelm, leveraging AI to generate endless, personalized ideas in minutes.",
"You will establish a predictable, systematic approach to digital lead generation, bringing stability to your income.",
"You will cultivate a strong, trusted personal brand online, positioning yourself as an influential leader in the direct selling industry.",
];
const whyUs = [
{
icon: HeartHandshake,
description:
"**Rooted in Indian Reality:** My strategies are born from real experiences in the Indian direct selling market, tackling unique challenges and opportunities faced by aspiring entrepreneurs from diverse backgrounds.",
},
{
icon: Rocket,
description:
"**Accelerated, Sustainable Growth:** We don't offer quick fixes. Our focus is on equipping you with systems and a mindset to build a robust, scalable business that delivers consistent income and team expansion for years.",
},
{
icon: MapPin,
description:
"**Your Trusted Digital Navigator:** I break down complex digital marketing and direct selling concepts into easy-to-digest, actionable steps, ensuring you never feel lost on your journey to online success.",
},
{
icon: Brain,
description:
"**Smart Automation, Real Human Connection:** Learn to leverage cutting-edge AI for efficiency while mastering the art of authentic human connection – the true bedrock of lasting direct selling success.",
},
];
const idealFor = [
"Ambitious direct sellers who are tired of inconsistent results and ready to embrace digital growth.",
"Job holders and homemakers seeking a reliable extra income source through a structured online business.",
"Individuals from small towns wanting to build a respected personal brand and achieve financial freedom.",
"Learners committed to implementing proven strategies to scale their network marketing efforts digitally.",
];
return (
{/* ================= NAVBAR ================= */}
{/* ================= HERO ================= */}
AI-Powered Digital Growth
Stop Chasing Prospects, Start{" "}
Attracting
{" "}
Sales: Your Digital Blueprint for Network Marketing
For every ambitious Indian direct seller in small towns, we provide AI-powered content strategies and automation to effortlessly magnetize leads and convert them into loyal team members and customers.
Unlock Your Digital Playbook
Join hundreds of direct sellers across India building their digital empires with confidence.
{/* ================= PRODUCTS ================= */}
{/* ================= FEATURES ================= */}
{/* ================= BENEFITS ================= */}
{/* ================= LEAD MAGNET ================= */}
{/* ================= WHY US ================= */}
{/* ================= WHO IS THIS FOR ================= */}
SD Digital Network
Unlock Your Digital Playbook
Products / Services
Resources Built For Direct Sellers
{products.map((item, index) => (
))}
{item.name}
{item.description}
{item.price}
Features
Everything You Need To Grow Digitally
{features.map((feature, index) => (
))}
{feature.title}
{feature.description}
Benefits
Transform The Way You Build Your Business
{benefits.map((benefit, index) => (
))}
{benefit}
FREE Guide
FREE Guide: Your 3-Step Shortcut to Daily Direct Selling Leads
-
Uncover the exact content formula that attracts genuine prospects without paid ads. -
Learn how to simplify your daily posting to just 15 minutes, consistently. -
Discover the secret to making your social media stories irresistible to potential customers.
Why Us
Why SD Digital Network
{whyUs.map((item, index) => {
const Icon = item.icon;
return (
);
})}
{item.description}
Who Is This For
Designed For Action Takers
{idealFor.map((item, index) => (
))}
{item}