Video Hero Section

// demo.tsx

import { ZomatoHero } from "@/components/ui/video-hero-section"; // Adjust the import path as needed

const ZomatoHeroDemo = () => {
  return (
    <div className="w-full h-screen bg-background">
      <ZomatoHero
        // A placeholder food video from Pexels
        videoSrc="https://b.zmtcdn.com/data/file_assets/2627bbed9d6c068e50d2aadcca11ddbb1743095925.mp4"
        // Zomato logo from a reliable CDN
        logoSrc="https://b.zmtcdn.com/web_assets/8313a97515fcb0447d2d77c276532a511583262271.png"
        subtitle="India's #1 food delivery app"
        description="Experience fast & easy online ordering on the Zomato app"
        googlePlayLink="https://21st.dev/ravikatiyar"
        appStoreLink="https://21st.dev/ravikatiyar"
      />
      {/* You can add more sections below to test the 'Scroll down' functionality */}
      {/* <div className="h-screen bg-background p-8"><h2 className="text-2xl">Next Section</h2></div> */}
    </div>
  );
};

export default ZomatoHeroDemo;