diff --git a/src/app/globals.css b/src/app/globals.css index ab04dce..43d3bd0 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -146,23 +146,23 @@ body { left: 0; right: 0; bottom: 0; - border: 1px dotted white; + border: 2px dotted #f5f5f5; pointer-events: none; } .dotted-border-corners::after { content: ''; position: absolute; - top: -2px; - left: -2px; - right: -2px; - bottom: -2px; + top: -3px; + left: -3px; + right: -3px; + bottom: -3px; background: /* Corner dots */ - radial-gradient(circle, white 1px, transparent 1px) 0 0 / 4px 4px, - radial-gradient(circle, white 1px, transparent 1px) 100% 0 / 4px 4px, - radial-gradient(circle, white 1px, transparent 1px) 0 100% / 4px 4px, - radial-gradient(circle, white 1px, transparent 1px) 100% 100% / 4px 4px; + radial-gradient(circle, #f5f5f5 2px, transparent 2px) 0 0 / 6px 6px, + radial-gradient(circle, #f5f5f5 2px, transparent 2px) 100% 0 / 6px 6px, + radial-gradient(circle, #f5f5f5 2px, transparent 2px) 0 100% / 6px 6px, + radial-gradient(circle, #f5f5f5 2px, transparent 2px) 100% 100% / 6px 6px; background-repeat: no-repeat; pointer-events: none; } diff --git a/src/components/InstagramFeed.tsx b/src/components/InstagramFeed.tsx new file mode 100644 index 0000000..33dd3bb --- /dev/null +++ b/src/components/InstagramFeed.tsx @@ -0,0 +1,44 @@ +"use client"; + +import { useEffect } from "react"; + +export function InstagramFeed() { + useEffect(() => { + // Load LightWidget script for Instagram feed + const script = document.createElement('script'); + script.src = 'https://cdn.lightwidget.com/widgets/lightwidget.js'; + script.async = true; + document.body.appendChild(script); + + return () => { + // Cleanup script on unmount + if (document.body.contains(script)) { + document.body.removeChild(script); + } + }; + }, []); + + return ( +
+

+ Latest from our studio: +

+ + {/* Instagram Feed Grid - Posts Only */} +
+