Social Engagement Group

The website for Social Engagement Group, a digital marketing agency. I led its development on Next.js 15 with Turbopack, React 19, Tailwind 4, Framer Motion for scroll-linked animations, and Lenis for smooth scrolling. It features 24+ service pages with a cohesive design system, JSON-LD schema for rich search results and AI interpretation, llms.txt for AI discovery, and optimized WebP/WebM media. Images are compressed 60–80% smaller, and background videos stay under 800KB.

Next.js 15React 19Tailwind 4Framer 12SEOLenis
On this page

Feature Highlights

Next.js 15 App Router with Turbopack for fast builds

  • Next.js 15 App Router with static generation for every route
  • Turbopack in development for instant hot reloads
  • Image optimisation serving WebP and AVIF with fallbacks
  • Immutable one-year cache headers on media files

Technologies Used

  • Next.js 15: Powering the platform with App Router, Turbopack, and high-performance server-side rendering.
  • React 19: Utilizing the latest React features for efficient state management and concurrent rendering.
  • Tailwind CSS 4: Delivering a refined design system with a utility-first approach and lightning-fast compilation.
  • Framer Motion 12: Orchestrating enterprise-grade animations and interactive transitions throughout the UX.
  • Lenis Smooth Scroll: Premium cinematic scrolling library creating a fluid, physics-based browsing experience.
  • JSON-LD Schema: Structured data markup ensuring rich search results and optimal AI agent interpretation.
  • llms.txt: AI-native site indexing file helping language models understand and navigate site content.
  • TypeScript: Strict type safety ensuring code quality and maintainability across all components.

Use Cases

  • Agencies that want a website showcasing their own work with modern performance and animations
  • Businesses with many service lines that need one unified site with consistent branding
  • Teams that want to be discoverable in AI chatbot searches alongside traditional SEO

How to Use

  1. Clone repository: git clone https://github.com/SocialEngagementGroup/website
  2. Install dependencies: npm install
  3. Start development server: npm run dev
  4. Production build: npm run build
  5. Deploy: Connect your repository to Vercel or Netlify for automated high-performance deployment.

Related projects

Let's Connect

Ready to scale your digital presence?

I design and build high-performance, AI-ready platforms for modern agencies. Let's elevate your brand together.

Dhruba Datta

© 2026 | All rights reserved