Interactive Galaxy Hero

A dynamic and visually engaging hero section featuring a Spline 3D background, a responsive navigation bar with blurred effects and dropdowns, a prominent content overlay with parallax scrolling text, buttons, and a follow-up screenshot section with parallax. Fully responsive and includes mobile navigation

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Interactive Galaxy Hero to your project and fits it to your theme.

import { HeroSection } from "@/components/blocks/galaxy-interactive-hero-section"
import React from 'react'; // Import React for JSX

// Define the height of the navbar for spacing

export function HeroSectionBasic() {
  return (
    <main className="bg-black relative h-screen w-screen">
      <HeroSection />
    </main>
  );
}