Seoptic — SEO Analytics SaaS — Référence de design web et prompt

> A SELF-CONTAINED, PIXEL-FAITHFUL REPRODUCTION OF THE "SEOPTIC" NEXT.JS SEO ANALYTICS SAAS TEMPLATE BY THEMEFISHER, REBUILT AS PLAIN HTML + CSS + VANILLA JS WITH NO BUILD STEP. EVERY PAGE, THE FULL LOOK & FEEL, HOVER STATES, DROPDOWN/MOBILE-MENU INTERACTIONS, PRICING TOGGLE, FAQ ACCORDION, INFINITE-SCROLL MARQUEES, AND SCROLL/ENTRANCE ANIMATIONS ARE REPRODUCED FROM CAPTURED REFERENCE ARTIFACTS. ALL ASSETS (FONTS, IMAGES, ICONS) ARE VENDORED LOCALLY AND IT RUNS OFFLINE.

REFERENCE: `https://themefisher.com/demo?theme=seoptic-nextjs`

THE LIVE TEMPLATE ITSELF (INSIDE THE THEMEFISHER PREVIEW FRAME) IS SERVED FROM `https://seoptic-nextjs.vercel.app` — THAT IS THE ORIGIN THAT WAS CRAWLED AND CLONED. THE THEMEFISHER `/demo` PAGE IS ONLY THE PREVIEW HOST WRAPPING THE TEMPLATE IN AN IFRAME; ITS CHROME IS NOT PART OF THIS CLONE.

## SUMMARY

SEOPTIC IS A MODERN SEO ANALYTICS SAAS NEXT.JS TEMPLATE BY THEMEFISHER, SHOWCASING AN INTELLIGENT SEO ENGINE PRODUCT. THE TEMPLATE IS A LIGHT-MODE-FIRST DESIGN USING AN ORANGE PRIMARY (#FF5A03), YELLOW SECONDARY (#FFD350), AND PINK TERTIARY (#FF4EC5) ON A WHITE BACKGROUND. IT FEATURES 16 DISTINCT PAGES SHARING A COMMON HEADER/NAV AND FOOTER. ENTRANCE ANIMATIONS USE CSS KEYFRAMES (AOS-STYLE FADE/SLIDE-IN ON SCROLL VIA INTERSECTIONOBSERVER). THE HEADER HAS A "PAGES" DROPDOWN MENU AND A MOBILE HAMBURGER MENU. PRICING HAS A MONTHLY/ANNUAL TOGGLE. THERE IS AN INFINITE-SCROLL BRANDS MARQUEE.

## STYLE