Master Class Series 2024

The Power of One Continuous Line.

A comprehensive digital masterclass for tattoo artists looking to master the elegant, technically demanding art of single-line tattooing.

Reserve Your Spot View Curriculum
Minimalist Tattoo Close-up

Artist Highlight

"Precision isn't about not making mistakes; it's about the flow that follows them."

The Philosophy

Why Monoline? In a world of complexity, there is a profound stillness in the unbroken line.

Single line tattooing is one of the most technically challenging styles in the industry. It requires perfect machine control, unwavering hand stability, and an intimate understanding of anatomical flow. This course isn't just about drawing; it's about mastering the connection between your mind, your machine, and the skin.

Technical Prowess

Learn to manage voltage, hand speed, and depth to ensure your line remains consistent from start to finish without scarring.

Design Evolution

Master the art of "seeing" objects as a single entity. Transform complex concepts into fluid, singular movements.

Longevity Secrets

Discover how to design fine lines that age gracefully. We cover ink composition, needle selection, and skin types.

Mastery Takes Structure

Twelve intensive modules designed to take you from sketches to professional execution.

01 Fundamentals

The Anatomy of a Stroke

Breaking down the physics of tattooing. Understanding how needle gauge and taper affect the "bleed" of a single continuous line.

02 Design

Conceptual Pathfinding

Developing the artistic eye to see the "unbroken" path in any reference image. Advanced Procreate workflows for line art.

03 Technical

Machine Calibration

Tuning your rotary or coil machine specifically for thin-line work. Voltage ratios and stroke length adjustments.

04 Practical

Live Execution & Aftercare

Real-time demonstrations on different skin textures. Learn the specific healing protocols for delicate monoline work.

The Gallery of Flow

Student and instructor work from the Monoline Studio archives.

Work 1 Work 2
Work 3 Work 4
Work 5 Work 6
Work 7 Work 8

"Before this course, my fine line work was shaky and inconsistent. Elena’s approach to hand posture and rhythmic breathing changed everything. I’m now booked four months in advance."

Student Profile

Marcus Thorne

Lead Artist, Echo Tattoo Studio

Invest in Your Craft

Join a global community of artists pushing the boundaries of minimalist tattoo art. One-time payment, lifetime access to all updates.

  • 40+ HD Video Lessons
  • Downloadable Brush Sets & Practice Sheets
  • Private Community Access (Discord)
  • Bi-Monthly Live Q&A Sessions
Enrollment Open
$899 $499

Special introductory price for the Spring cohort.

Secure Payment via Stripe / 30-Day Money Back Guarantee

HTML Source Code


<div class="bg-zinc-50 font-sans text-zinc-900">
    <!-- Navigation -->
    <nav class="sticky top-0 z-50 bg-white/80 backdrop-blur-md border-b border-zinc-200">
        <div class="max-w-7xl mx-auto px-6 h-20 flex items-center justify-between">
            <div class="flex items-center space-x-2">
                <svg class="w-8 h-8 text-indigo-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"></path>
                </svg>
                <span class="text-xl font-bold tracking-tighter uppercase">Monoline Studio</span>
            </div>
            <div class="hidden md:flex space-x-8 text-sm font-medium uppercase tracking-widest">
                <a href="#about" class="hover:text-indigo-600 transition-colors">The Method</a>
                <a href="#curriculum" class="hover:text-indigo-600 transition-colors">Curriculum</a>
                <a href="#gallery" class="hover:text-indigo-600 transition-colors">Gallery</a>
                <a href="#enroll" class="text-indigo-600 font-bold hover:text-indigo-800 transition-colors underline decoration-2 underline-offset-4">Enroll Now</a>
            </div>
            <button class="md:hidden">
                <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7"></path></svg>
            </button>
        </div>
    </nav>

    <!-- Hero Section -->
    <header class="relative overflow-hidden pt-16 pb-32">
        <div class="max-w-7xl mx-auto px-6 grid lg:grid-cols-2 gap-16 items-center">
            <div class="z-10">
                <span class="inline-block py-1 px-3 bg-indigo-50 text-indigo-700 text-xs font-bold tracking-widest uppercase rounded-full mb-6">Master Class Series 2024</span>
                <h1 class="text-6xl md:text-8xl font-light tracking-tighter leading-tight mb-8">
                    The Power of <span class="italic font-serif">One</span> Continuous Line.
                </h1>
                <p class="text-xl text-zinc-600 leading-relaxed mb-10 max-w-lg">
                    A comprehensive digital masterclass for tattoo artists looking to master the elegant, technically demanding art of single-line tattooing.
                </p>
                <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-6">
                    <a href="#enroll" class="bg-zinc-900 text-white px-8 py-4 text-center font-semibold hover:bg-indigo-600 transition-all duration-300">Reserve Your Spot</a>
                    <a href="#curriculum" class="border border-zinc-300 px-8 py-4 text-center font-semibold hover:bg-white transition-all duration-300">View Curriculum</a>
                </div>
            </div>
            <div class="relative">
                <div class="aspect-square bg-zinc-200 rounded-2xl overflow-hidden shadow-2xl">
                    <!-- Placeholder for abstract minimalist art -->
                    <div class="absolute inset-0 flex items-center justify-center p-12">
                        <svg class="w-full h-full text-zinc-400 opacity-30" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M20 100C20 100 40 20 100 20C160 20 180 100 180 100C180 100 160 180 100 180C40 180 20 100 20 100Z" stroke="currentColor" stroke-width="0.5" />
                            <path d="M50 100C50 70 70 50 100 50C130 50 150 70 150 100C150 130 130 150 100 150C70 150 50 130 50 100Z" stroke="currentColor" stroke-width="0.5" />
                            <path d="M100 20V180M20 100H180" stroke="currentColor" stroke-width="0.2" />
                        </svg>
                        <div class="absolute inset-0 flex items-center justify-center">
                            <img src="https://images.unsplash.com/photo-1590204753866-45bc89a74448?auto=format&fit=crop&q=80&w=800" alt="Minimalist Tattoo Close-up" class="object-cover w-full h-full mix-blend-multiply opacity-90">
                        </div>
                    </div>
                </div>
                <!-- Artistic Float Elements -->
                <div class="absolute -bottom-6 -left-6 bg-white p-6 shadow-xl max-w-[200px]">
                    <p class="text-xs uppercase tracking-widest text-zinc-400 mb-2 font-bold">Artist Highlight</p>
                    <p class="text-sm font-medium italic">"Precision isn't about not making mistakes; it's about the flow that follows them."</p>
                </div>
            </div>
        </div>
    </header>

    <!-- About Section -->
    <section id="about" class="py-24 bg-white">
        <div class="max-w-7xl mx-auto px-6">
            <div class="max-w-3xl">
                <h2 class="text-sm font-bold tracking-widest text-indigo-600 uppercase mb-4">The Philosophy</h2>
                <h3 class="text-4xl font-light mb-8 leading-snug">Why Monoline? In a world of complexity, there is a profound stillness in the unbroken line.</h3>
                <p class="text-lg text-zinc-600 leading-relaxed mb-12">
                    Single line tattooing is one of the most technically challenging styles in the industry. It requires perfect machine control, unwavering hand stability, and an intimate understanding of anatomical flow. This course isn't just about drawing; it's about mastering the connection between your mind, your machine, and the skin.
                </p>
            </div>
            
            <div class="grid md:grid-cols-3 gap-12 mt-16">
                <div class="group">
                    <div class="text-indigo-600 mb-6 group-hover:scale-110 transition-transform duration-300">
                        <svg class="w-12 h-12" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"></path></svg>
                    </div>
                    <h4 class="text-xl font-bold mb-4">Technical Prowess</h4>
                    <p class="text-zinc-500">Learn to manage voltage, hand speed, and depth to ensure your line remains consistent from start to finish without scarring.</p>
                </div>
                <div class="group">
                    <div class="text-indigo-600 mb-6 group-hover:scale-110 transition-transform duration-300">
                        <svg class="w-12 h-12" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"></path></svg>
                    </div>
                    <h4 class="text-xl font-bold mb-4">Design Evolution</h4>
                    <p class="text-zinc-500">Master the art of "seeing" objects as a single entity. Transform complex concepts into fluid, singular movements.</p>
                </div>
                <div class="group">
                    <div class="text-indigo-600 mb-6 group-hover:scale-110 transition-transform duration-300">
                        <svg class="w-12 h-12" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
                    </div>
                    <h4 class="text-xl font-bold mb-4">Longevity Secrets</h4>
                    <p class="text-zinc-500">Discover how to design fine lines that age gracefully. We cover ink composition, needle selection, and skin types.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Curriculum Section -->
    <section id="curriculum" class="py-24 bg-zinc-100">
        <div class="max-w-7xl mx-auto px-6">
            <div class="text-center mb-20">
                <h2 class="text-4xl font-light tracking-tight mb-4">Mastery Takes Structure</h2>
                <p class="text-zinc-500 max-w-xl mx-auto">Twelve intensive modules designed to take you from sketches to professional execution.</p>
            </div>
            
            <div class="grid md:grid-cols-2 gap-8">
                <!-- Module 1 -->
                <div class="bg-white p-8 border border-zinc-200 hover:shadow-lg transition-shadow">
                    <div class="flex items-start justify-between mb-6">
                        <span class="text-4xl font-serif text-zinc-200">01</span>
                        <span class="px-3 py-1 bg-zinc-100 text-[10px] font-bold uppercase tracking-widest text-zinc-500 rounded">Fundamentals</span>
                    </div>
                    <h4 class="text-xl font-bold mb-3">The Anatomy of a Stroke</h4>
                    <p class="text-zinc-600 text-sm leading-relaxed">Breaking down the physics of tattooing. Understanding how needle gauge and taper affect the "bleed" of a single continuous line.</p>
                </div>
                <!-- Module 2 -->
                <div class="bg-white p-8 border border-zinc-200 hover:shadow-lg transition-shadow">
                    <div class="flex items-start justify-between mb-6">
                        <span class="text-4xl font-serif text-zinc-200">02</span>
                        <span class="px-3 py-1 bg-zinc-100 text-[10px] font-bold uppercase tracking-widest text-zinc-500 rounded">Design</span>
                    </div>
                    <h4 class="text-xl font-bold mb-3">Conceptual Pathfinding</h4>
                    <p class="text-zinc-600 text-sm leading-relaxed">Developing the artistic eye to see the "unbroken" path in any reference image. Advanced Procreate workflows for line art.</p>
                </div>
                <!-- Module 3 -->
                <div class="bg-white p-8 border border-zinc-200 hover:shadow-lg transition-shadow">
                    <div class="flex items-start justify-between mb-6">
                        <span class="text-4xl font-serif text-zinc-200">03</span>
                        <span class="px-3 py-1 bg-zinc-100 text-[10px] font-bold uppercase tracking-widest text-zinc-500 rounded">Technical</span>
                    </div>
                    <h4 class="text-xl font-bold mb-3">Machine Calibration</h4>
                    <p class="text-zinc-600 text-sm leading-relaxed">Tuning your rotary or coil machine specifically for thin-line work. Voltage ratios and stroke length adjustments.</p>
                </div>
                <!-- Module 4 -->
                <div class="bg-white p-8 border border-zinc-200 hover:shadow-lg transition-shadow">
                    <div class="flex items-start justify-between mb-6">
                        <span class="text-4xl font-serif text-zinc-200">04</span>
                        <span class="px-3 py-1 bg-zinc-100 text-[10px] font-bold uppercase tracking-widest text-zinc-500 rounded">Practical</span>
                    </div>
                    <h4 class="text-xl font-bold mb-3">Live Execution & Aftercare</h4>
                    <p class="text-zinc-600 text-sm leading-relaxed">Real-time demonstrations on different skin textures. Learn the specific healing protocols for delicate monoline work.</p>
                </div>
            </div>
            
            <div class="mt-16 text-center">
                <button class="group inline-flex items-center text-zinc-900 font-bold hover:text-indigo-600 transition-colors">
                    Download Full Syllabus PDF
                    <svg class="ml-2 w-5 h-5 group-hover:translate-y-1 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 14l-7 7m0 0l-7-7m7 7V3"></path></svg>
                </button>
            </div>
        </div>
    </section>

    <!-- Gallery/Portfolio Section -->
    <section id="gallery" class="py-24 bg-zinc-900 text-white overflow-hidden">
        <div class="max-w-7xl mx-auto px-6">
            <div class="flex flex-col md:flex-row md:items-end justify-between mb-16 space-y-4 md:space-y-0">
                <div>
                    <h2 class="text-4xl font-light mb-4">The Gallery of Flow</h2>
                    <p class="text-zinc-400">Student and instructor work from the Monoline Studio archives.</p>
                </div>
                <div class="flex space-x-2">
                    <div class="h-1 w-20 bg-indigo-600"></div>
                    <div class="h-1 w-10 bg-zinc-700"></div>
                    <div class="h-1 w-5 bg-zinc-700"></div>
                </div>
            </div>

            <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
                <div class="space-y-4">
                    <img src="https://images.unsplash.com/photo-1598371839696-5c5bb00bdc28?auto=format&fit=crop&q=80&w=400" alt="Work 1" class="w-full grayscale hover:grayscale-0 transition-all duration-500 object-cover aspect-[3/4]">
                    <img src="https://images.unsplash.com/photo-1562157873-818bc0726f68?auto=format&fit=crop&q=80&w=400" alt="Work 2" class="w-full grayscale hover:grayscale-0 transition-all duration-500 object-cover aspect-square">
                </div>
                <div class="space-y-4 pt-8">
                    <img src="https://images.unsplash.com/photo-1590204753866-45bc89a74448?auto=format&fit=crop&q=80&w=400" alt="Work 3" class="w-full grayscale hover:grayscale-0 transition-all duration-500 object-cover aspect-square">
                    <img src="https://images.unsplash.com/photo-1550537687-c91072c4792d?auto=format&fit=crop&q=80&w=400" alt="Work 4" class="w-full grayscale hover:grayscale-0 transition-all duration-500 object-cover aspect-[3/4]">
                </div>
                <div class="space-y-4">
                    <img src="https://images.unsplash.com/photo-1611501275019-9b5cda994e8d?auto=format&fit=crop&q=80&w=400" alt="Work 5" class="w-full grayscale hover:grayscale-0 transition-all duration-500 object-cover aspect-[3/4]">
                    <img src="https://images.unsplash.com/photo-1590204753866-45bc89a74448?auto=format&fit=crop&q=80&w=400" alt="Work 6" class="w-full grayscale hover:grayscale-0 transition-all duration-500 object-cover aspect-square">
                </div>
                <div class="space-y-4 pt-12">
                    <img src="https://images.unsplash.com/photo-1560707303-4e980ce876ad?auto=format&fit=crop&q=80&w=400" alt="Work 7" class="w-full grayscale hover:grayscale-0 transition-all duration-500 object-cover aspect-square">
                    <img src="https://images.unsplash.com/photo-1542453089-32e659359c3a?auto=format&fit=crop&q=80&w=400" alt="Work 8" class="w-full grayscale hover:grayscale-0 transition-all duration-500 object-cover aspect-[3/4]">
                </div>
            </div>
        </div>
    </section>

    <!-- Testimonials -->
    <section class="py-24 bg-white">
        <div class="max-w-7xl mx-auto px-6 text-center">
            <div class="max-w-3xl mx-auto">
                <svg class="w-12 h-12 text-indigo-100 mx-auto mb-8" fill="currentColor" viewBox="0 0 24 24"><path d="M14.017 21L14.017 18C14.017 16.8954 14.9124 16 16.017 16H19.017C19.5693 16 20.017 15.5523 20.017 15V9C20.017 8.44772 19.5693 8 19.017 8H16.017C14.9124 8 14.017 7.10457 14.017 6V3H21.017V15C21.017 18.3137 18.3307 21 15.017 21H14.017ZM3.0166 21L3.0166 18C3.0166 16.8954 3.91203 16 5.0166 16H8.0166C8.56888 16 9.0166 15.5523 9.0166 15V9C9.0166 8.44772 8.56888 8 8.0166 8H5.0166C3.91203 8 3.0166 7.10457 3.0166 6V3H10.0166V15C10.0166 18.3137 7.3303 21 4.0166 21H3.0166Z" /></svg>
                <p class="text-3xl font-serif italic mb-10 leading-relaxed">
                    "Before this course, my fine line work was shaky and inconsistent. Elena’s approach to hand posture and rhythmic breathing changed everything. I’m now booked four months in advance."
                </p>
                <div class="flex items-center justify-center space-x-4">
                    <img src="https://i.pravatar.cc/150?u=artist1" class="w-12 h-12 rounded-full border-2 border-indigo-500" alt="Student Profile">
                    <div class="text-left">
                        <p class="font-bold text-zinc-900">Marcus Thorne</p>
                        <p class="text-zinc-500 text-sm italic">Lead Artist, Echo Tattoo Studio</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Pricing / CTA -->
    <section id="enroll" class="py-24 bg-zinc-50 border-t border-zinc-200">
        <div class="max-w-7xl mx-auto px-6">
            <div class="grid lg:grid-cols-2 gap-16 items-center">
                <div>
                    <h2 class="text-4xl font-light mb-6">Invest in Your Craft</h2>
                    <p class="text-zinc-600 mb-8">Join a global community of artists pushing the boundaries of minimalist tattoo art. One-time payment, lifetime access to all updates.</p>
                    <ul class="space-y-4 mb-10">
                        <li class="flex items-center text-zinc-700">
                            <svg class="w-5 h-5 text-indigo-600 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>
                            40+ HD Video Lessons
                        </li>
                        <li class="flex items-center text-zinc-700">
                            <svg class="w-5 h-5 text-indigo-600 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>
                            Downloadable Brush Sets & Practice Sheets
                        </li>
                        <li class="flex items-center text-zinc-700">
                            <svg class="w-5 h-5 text-indigo-600 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>
                            Private Community Access (Discord)
                        </li>
                        <li class="flex items-center text-zinc-700">
                            <svg class="w-5 h-5 text-indigo-600 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>
                            Bi-Monthly Live Q&A Sessions
                        </li>
                    </ul>
                </div>
                <div class="bg-white p-12 shadow-2xl rounded-sm border border-zinc-200">
                    <div class="text-center mb-8">
                        <span class="text-zinc-400 text-sm uppercase font-bold tracking-widest">Enrollment Open</span>
                        <div class="mt-4 flex items-center justify-center">
                            <span class="text-4xl font-light text-zinc-400 line-through mr-4">$899</span>
                            <span class="text-6xl font-bold text-zinc-900 underline decoration-indigo-600 decoration-4">$499</span>
                        </div>
                        <p class="text-zinc-500 mt-4 text-sm">Special introductory price for the Spring cohort.</p>
                    </div>
                    <form class="space-y-4">
                        <input type="email" placeholder="Email Address" class="w-full px-4 py-4 border border-zinc-300 focus:border-indigo-600 focus:ring-0 transition-all outline-none">
                        <button type="submit" class="w-full py-5 bg-indigo-600 text-white font-bold hover:bg-zinc-900 transition-colors uppercase tracking-widest">Start Learning Now</button>
                    </form>
                    <p class="mt-6 text-[10px] text-center text-zinc-400 uppercase tracking-tighter italic">Secure Payment via Stripe / 30-Day Money Back Guarantee</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer class="bg-zinc-900 text-white py-16">
        <div class="max-w-7xl mx-auto px-6">
            <div class="grid md:grid-cols-4 gap-12 border-b border-zinc-800 pb-12 mb-12">
                <div class="col-span-1 md:col-span-2">
                    <div class="flex items-center space-x-2 mb-6">
                        <svg class="w-6 h-6 text-indigo-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"></path></svg>
                        <span class="text-lg font-bold tracking-tighter uppercase">Monoline Studio</span>
                    </div>
                    <p class="text-zinc-500 max-w-sm">The world's leading online education platform dedicated exclusively to the art of single-line and minimalist tattooing.</p>
                </div>
                <div>
                    <h5 class="font-bold mb-6 uppercase tracking-widest text-xs">Resources</h5>
                    <ul class="space-y-4 text-sm text-zinc-500">
                        <li><a href="#" class="hover:text-white transition-colors">Tutorials</a></li>
                        <li><a href="#" class="hover:text-white transition-colors">Procreate Brushes</a></li>
                        <li><a href="#" class="hover:text-white transition-colors">Safety Guides</a></li>
                        <li><a href="#" class="hover:text-white transition-colors">Art Supplies</a></li>
                    </ul>
                </div>
                <div>
                    <h5 class="font-bold mb-6 uppercase tracking-widest text-xs">Support</h5>
                    <ul class="space-y-4 text-sm text-zinc-500">
                        <li><a href="#" class="hover:text-white transition-colors">Help Center</a></li>
                        <li><a href="#" class="hover:text-white transition-colors">Terms of Service</a></li>
                        <li><a href="#" class="hover:text-white transition-colors">Privacy Policy</a></li>
                        <li><a href="#" class="hover:text-white transition-colors">Contact Us</a></li>
                    </ul>
                </div>
            </div>
            <div class="flex flex-col md:flex-row justify-between items-center text-xs text-zinc-600 uppercase tracking-widest">
                <p>&copy; 2024 Monoline Studio Artistry. All rights reserved.</p>
                <div class="flex space-x-6 mt-6 md:mt-0">
                    <a href="#" class="hover:text-indigo-400">Instagram</a>
                    <a href="#" class="hover:text-indigo-400">TikTok</a>
                    <a href="#" class="hover:text-indigo-400">YouTube</a>
                </div>
            </div>
        </div>
    </footer>
</div>