create a landing page for my SaaS named mailerbro which is a email marketing Software

import React, { useState, useEffect } from 'react'; import { Link } from '@inertiajs/react'; import Icons from '~/lib/components/icons'; const Header: React.FC = () => { const [mobileMenuOpen, setMobileMenuOpen] = useState(false); const [isScrolled, setIsScrolled] = useState(false); useEffect(() => { const handleScroll = () => { setIsScrolled(window.scrollY > 0); }; window.addEventListener('scroll', handleScroll); return () => window.removeEventListener('scroll', handleScroll); }, []); return ( <header className={`fixed w-full z-10 transition-all ${isScrolled ? 'bg-white shadow-md' : ''}`}> <div className="container mx-auto px-4 sm:px-6 lg:px-8"> <div className="flex justify-between items-center py-6 md:justify-start md:space-x-10"> <div className="flex justify-start lg:w-0 lg:flex-1"> <Link href="/"> <span className="sr-only">MailerBro</span> <Icons.logo/> </Link>

Add component to projectLearn more

Log In to Copy Code

History