fix(showcase): remove fake demo elements from GlamourTouch section

GlamourTouch is a real live product — remove fake browser chrome,
fake product category boxes, and made-up stats. Replace with clean
brand identity panel: real gradient name, live pulse badge, and
direct glamourstouch.com link. Updated description to 'Not a demo.
A real business.'

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/data.jsx

@@ -361,7 +361,7 @@ const PORTFOLIO_DATA = {
       name: "Glamours Touch",
       tagline: "Beauty & Lifestyle E-Commerce",
       description:
-        "Aura's own fully-operational e-commerce store in the beauty & lifestyle space. Built end-to-end on our stack — custom storefront, product catalog, cart, payment integration, and admin dashboard. Clients see exactly what we ship for them.",
+        "Aura's own live e-commerce brand in the beauty & lifestyle space. We built it, we run it, we sell from it — end to end. Custom storefront, product catalog, cart, payment integration, and admin dashboard. Not a demo. A real business.",
       url: "https://glamourstouch.com",
       badge: "Live Product",
       stack: ["Next.js", "Stripe", "PostgreSQL", "Tailwind", "Vercel"],
@@ -374,11 +374,6 @@ const PORTFOLIO_DATA = {
         "Real-time stock tracking & secure checkout flow",
       ],
       color: "rose",
-      stats: [
-        { label: "Products live", value: "50+" },
-        { label: "Avg load time", value: "<1.2s" },
-        { label: "Mobile score", value: "98/100" },
-      ],
     },
   ],
 

src/sections.jsx

@@ -351,9 +351,9 @@ const FlagshipProduct = () => {
           background: "var(--bg-card)",
         }}>
 
-          {/* ── LEFT: Visual preview ─────────────────────────────── */}
+          {/* ── LEFT: Brand panel ────────────────────────────────── */}
           <div style={{
-            background: "linear-gradient(135deg, rgba(244,63,94,0.14) 0%, rgba(124,92,255,0.12) 55%, rgba(0,212,255,0.07) 100%)",
+            background: "linear-gradient(145deg, rgba(244,63,94,0.10) 0%, rgba(124,92,255,0.09) 60%, rgba(0,212,255,0.05) 100%)",
             padding: "52px 44px",
             display: "flex",
             flexDirection: "column",
@@ -361,21 +361,21 @@ const FlagshipProduct = () => {
             position: "relative",
             overflow: "hidden",
             minHeight: 380,
-            borderRight: `1px solid rgba(244,63,94,0.14)`,
+            borderRight: `1px solid rgba(244,63,94,0.13)`,
           }}>
-            {/* Decorative blobs */}
+            {/* Subtle radial glows */}
             <div style={{
-              position: "absolute", top: -80, right: -80,
+              position: "absolute", top: -60, right: -60, width: 260, height: 260,
-              width: 280, height: 280, borderRadius: "50%", pointerEvents: "none",
+              borderRadius: "50%", pointerEvents: "none",
-              background: "radial-gradient(circle, rgba(244,63,94,0.14) 0%, transparent 65%)",
+              background: "radial-gradient(circle, rgba(244,63,94,0.12) 0%, transparent 65%)",
             }} />
             <div style={{
-              position: "absolute", bottom: -50, left: -50,
+              position: "absolute", bottom: -40, left: -40, width: 180, height: 180,
-              width: 200, height: 200, borderRadius: "50%", pointerEvents: "none",
+              borderRadius: "50%", pointerEvents: "none",
-              background: "radial-gradient(circle, rgba(124,92,255,0.13) 0%, transparent 65%)",
+              background: "radial-gradient(circle, rgba(124,92,255,0.11) 0%, transparent 65%)",
             }} />
 
-            {/* Top bar */}
+            {/* Top: live badge */}
             <div style={{ display: "flex", alignItems: "center", gap: 10, position: "relative" }}>
               <span style={{
                 display: "inline-flex", alignItems: "center", gap: 6,
@@ -389,90 +389,71 @@ const FlagshipProduct = () => {
                   background: "#22c55e", boxShadow: "0 0 7px rgba(34,197,94,0.9)",
                   display: "inline-block", animation: "glamour-pulse 2s ease-in-out infinite",
                 }} />
-                LIVE STORE
+                LIVE
               </span>
               <span style={{
                 fontSize: 10.5, color: "var(--text-faint)", fontFamily: "var(--font-mono)",
                 padding: "3px 10px", borderRadius: 999,
                 background: "var(--bg-elev)", border: "1px solid var(--line)",
-              }}>Built by Aura</span>
+              }}>Our Own Product</span>
             </div>
 
-            {/* Brand hero */}
+            {/* Center: brand identity */}
-            <div style={{ position: "relative", textAlign: "center", padding: "20px 0" }}>
+            <div style={{ position: "relative", textAlign: "center" }}>
-              {/* Fake browser chrome */}
               <div style={{
-                background: "rgba(0,0,0,0.35)", borderRadius: 12,
+                fontSize: "clamp(30px, 4vw, 52px)",
-                padding: "10px 16px 20px",
+                fontWeight: 700, letterSpacing: "-0.02em",
-                border: "1px solid rgba(255,255,255,0.06)",
+                fontFamily: "var(--font-serif)", fontStyle: "italic",
-                backdropFilter: "blur(12px)",
-              }}>
-                {/* Dots */}
-                <div style={{ display: "flex", gap: 5, marginBottom: 14 }}>
-                  {["#ef4444","#f59e0b","#22c55e"].map(c => (
-                    <div key={c} style={{ width: 8, height: 8, borderRadius: "50%", background: c, opacity: 0.7 }} />
-                  ))}
-                  <div style={{
-                    flex: 1, marginLeft: 8, height: 8, borderRadius: 4,
-                    background: "rgba(255,255,255,0.07)",
-                    display: "flex", alignItems: "center", paddingLeft: 8,
-                  }}>
-                    <span style={{ fontSize: 8, color: "rgba(255,255,255,0.3)", fontFamily: "var(--font-mono)" }}>
-                      glamourstouch.com
-                    </span>
-                  </div>
-                </div>
-
-                {/* Brand name */}
-                <div style={{
-                  fontSize: "clamp(22px, 3.5vw, 38px)",
-                  fontWeight: 700,
-                  fontFamily: "var(--font-serif)",
-                  fontStyle: "italic",
-                  letterSpacing: "-0.01em",
                 background: "linear-gradient(135deg, #fda4af 0%, #c084fc 50%, #67e8f9 100%)",
-                  WebkitBackgroundClip: "text",
+                WebkitBackgroundClip: "text", WebkitTextFillColor: "transparent",
-                  WebkitTextFillColor: "transparent",
                 backgroundClip: "text",
-                  marginBottom: 6,
+                lineHeight: 1.1, marginBottom: 12,
               }}>Glamours Touch</div>
               <div style={{
-                  fontSize: 10.5, color: "rgba(255,255,255,0.35)",
+                fontSize: 11.5, color: "var(--text-faint)",
-                  fontFamily: "var(--font-mono)", letterSpacing: "0.15em",
+                fontFamily: "var(--font-mono)", letterSpacing: "0.14em",
                 textTransform: "uppercase",
               }}>Beauty · Lifestyle · E-Commerce</div>
 
-                {/* Mock product row */}
+              {/* Divider line */}
               <div style={{
-                  display: "flex", gap: 8, marginTop: 18, justifyContent: "center",
+                width: 48, height: 2, margin: "20px auto",
+                background: "linear-gradient(90deg, #fda4af, #a78bfa)",
+                borderRadius: 2,
+              }} />
+
+              <p style={{
+                margin: 0, fontSize: 14, lineHeight: 1.6,
+                color: "var(--text-faint)", maxWidth: 280, marginLeft: "auto", marginRight: "auto",
               }}>
-                  {[
+                A real, live store — browse it, buy from it. This is what Aura ships.
-                    { color: "rgba(253,164,175,0.3)", label: "Skincare" },
+              </p>
-                    { color: "rgba(167,139,250,0.3)", label: "Makeup" },
-                    { color: "rgba(103,232,249,0.3)", label: "Fragrance" },
-                  ].map(({ color, label }) => (
-                    <div key={label} style={{
-                      flex: 1, height: 44, borderRadius: 8,
-                      background: color,
-                      border: "1px solid rgba(255,255,255,0.08)",
-                      display: "flex", alignItems: "flex-end",
-                      padding: "0 6px 5px",
-                    }}>
-                      <span style={{ fontSize: 8, color: "rgba(255,255,255,0.45)", fontFamily: "var(--font-mono)" }}>{label}</span>
-                    </div>
-                  ))}
-                </div>
-              </div>
             </div>
 
-            {/* Stats row */}
+            {/* Bottom: real URL link */}
-            <div style={{ display: "flex", gap: 16, position: "relative" }}>
+            <div style={{ position: "relative", textAlign: "center" }}>
-              {product.stats.map(s => (
+              <a
-                <div key={s.label} style={{ textAlign: "center", flex: 1 }}>
+                href="https://glamourstouch.com"
-                  <div style={{ fontSize: 16, fontWeight: 700, color: rose.text }}>{s.value}</div>
+                target="_blank"
-                  <div style={{ fontSize: 10, color: "var(--text-faint)", fontFamily: "var(--font-mono)", marginTop: 2 }}>{s.label}</div>
+                rel="noopener noreferrer"
-                </div>
+                style={{
-              ))}
+                  display: "inline-flex", alignItems: "center", gap: 7,
+                  fontSize: 13, fontFamily: "var(--font-mono)",
+                  color: "#fda4af", textDecoration: "none",
+                  padding: "8px 18px",
+                  background: "rgba(244,63,94,0.09)",
+                  border: "1px solid rgba(244,63,94,0.22)",
+                  borderRadius: 8, transition: "all 0.15s",
+                }}
+                onMouseEnter={e => { e.currentTarget.style.background = "rgba(244,63,94,0.17)"; e.currentTarget.style.borderColor = "rgba(244,63,94,0.38)"; }}
+                onMouseLeave={e => { e.currentTarget.style.background = "rgba(244,63,94,0.09)"; e.currentTarget.style.borderColor = "rgba(244,63,94,0.22)"; }}
+              >
+                <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+                  <circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/>
+                  <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/>
+                </svg>
+                glamourstouch.com ↗
+              </a>
             </div>
           </div>