chore: update landing page copy to Titan 3D configurator

src/components/home/Overlay.tsx

@@ -45,19 +45,19 @@ export function Overlay() {
           <div className="max-w-4xl p-10 rounded-[2.5rem] bg-black/40 backdrop-blur-xl border border-white/10 shadow-2xl shadow-black/50">
             <div className="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-white/10 border border-white/20 backdrop-blur-md mb-8">
               <Sparkles size={16} className="text-primary" />
-              <span className="text-sm font-medium">Premium Care Collection</span>
+              <span className="text-sm font-medium">Next-Gen 3D Configurator</span>
             </div>
             <h1 className="text-6xl md:text-8xl font-extrabold tracking-tighter leading-tight mb-6 bg-clip-text text-transparent bg-gradient-to-r from-white via-zinc-200 to-zinc-500">
-              CavinKare.
+              Titan 3D.
             </h1>
             <p className="text-xl md:text-2xl text-zinc-300 max-w-2xl mb-10 font-light">
-              Experience the fusion of natural purity and luxurious care. Explore our exclusive range of hair and skin wellness products.
+              Bring your products to life with interactive 3D visualization. Empower your customers to configure, customize, and explore in real-time.
             </p>
             <button 
               onClick={() => openAuthModal('register')}
               className="px-8 py-4 bg-primary hover:bg-primary/90 rounded-full font-bold text-lg shadow-[0_0_40px_rgba(var(--primary-rgb),0.5)] hover:scale-105 transition-all"
             >
-              Explore Products
+              Start Configuring
             </button>
           </div>
         </section>
@@ -66,27 +66,27 @@ export function Overlay() {
         <section className="w-screen h-screen flex flex-col justify-center items-end px-12 md:px-32 text-white text-right">
           <div className="p-10 rounded-[2.5rem] bg-black/40 backdrop-blur-xl border border-white/10 shadow-2xl shadow-black/50 flex flex-col items-end">
             <h2 className="text-5xl md:text-7xl font-bold tracking-tighter mb-12 max-w-3xl">
-              Goodness of <span className="text-green-400">Herbs</span>.
+              Stunning <span className="text-primary">Visuals</span>.
             </h2>
             
             <div className="flex flex-col gap-6 max-w-xl">
               <div className="flex items-center justify-end gap-6 p-6 rounded-2xl bg-white/10 border border-white/20 backdrop-blur-md hover:bg-white/15 transition-all cursor-default">
                 <div className="text-left">
-                  <h3 className="text-2xl font-bold mb-2">Meera Hairwash</h3>
-                  <p className="text-zinc-300">Tradition passed down through generations for strong, healthy hair.</p>
+                  <h3 className="text-2xl font-bold mb-2">Photorealistic Rendering</h3>
+                  <p className="text-zinc-300">Experience uncompromised visual quality with advanced PBR materials and real-time lighting.</p>
                 </div>
-                <div className="w-16 h-16 rounded-full bg-green-500/20 border border-green-500/30 flex items-center justify-center shrink-0">
-                  <Layers className="text-green-400" size={32} />
+                <div className="w-16 h-16 rounded-full bg-primary/20 border border-primary/30 flex items-center justify-center shrink-0">
+                  <Layers className="text-primary" size={32} />
                 </div>
               </div>
 
               <div className="flex items-center justify-end gap-6 p-6 rounded-2xl bg-white/10 border border-white/20 backdrop-blur-md hover:bg-white/15 transition-all cursor-default">
                 <div className="text-left">
-                  <h3 className="text-2xl font-bold mb-2">Natural Ingredients</h3>
-                  <p className="text-zinc-300">Shikakai, Reetha, and Amla extracts for natural nourishment.</p>
+                  <h3 className="text-2xl font-bold mb-2">Seamless Integration</h3>
+                  <p className="text-zinc-300">Embed the 3D configurator directly into your e-commerce platform with a single line of code.</p>
                 </div>
-                <div className="w-16 h-16 rounded-full bg-emerald-500/20 border border-emerald-500/30 flex items-center justify-center shrink-0">
-                  <Zap className="text-emerald-400" size={32} />
+                <div className="w-16 h-16 rounded-full bg-blue-500/20 border border-blue-500/30 flex items-center justify-center shrink-0">
+                  <Zap className="text-blue-400" size={32} />
                 </div>
               </div>
             </div>
@@ -100,16 +100,16 @@ export function Overlay() {
           <div className="relative z-10 p-16 rounded-[3rem] bg-black/40 backdrop-blur-xl border border-white/10 shadow-2xl shadow-black/50 flex flex-col items-center">
             <Globe size={64} className="text-blue-400 mb-8 animate-pulse drop-shadow-[0_0_15px_rgba(96,165,250,0.5)]" />
             <h2 className="text-6xl md:text-8xl font-bold tracking-tighter mb-6">
-              Sip The Joy.
+              Ready to Transform?
             </h2>
             <p className="text-2xl text-zinc-300 max-w-2xl mb-12">
-              Delicious Cavin's milkshakes enriched with the goodness of pure milk.
+              Join hundreds of brands using Titan 3D to boost engagement and drive conversions.
             </p>
             <button 
               onClick={() => openAuthModal('register')}
               className="px-10 py-5 bg-white text-black hover:bg-zinc-200 rounded-full font-bold text-xl transition-all hover:scale-105 shadow-xl"
             >
-              Order Now
+              Book a Demo
             </button>
           </div>
         </section>