WEB APPLICATION

StudioXD7 Agency Website

A modern, animated agency website for StudioXD7, showcasing digital services, portfolio, and client success stories.

View Live

Client

StudioXD7

Timeline

Sep 2025 - Sep 2025

My Role

Full Stack Developer & Designer

Project Overview

StudioXD7 is a professional agency website designed to attract clients and showcase the agency's expertise in digital services. Built with Next.js, React, and Tailwind CSS, the site features animated hero, stats, services, about, portfolio, testimonials, FAQ, and contact sections. It includes a dynamic portfolio grid with category filtering, a contact form with email integration, floating WhatsApp chat, and smooth navigation. The design is fully responsive, accessible, and leverages Framer Motion for engaging UI animations. The site also integrates actionable contact options, social media links, and a modern, branded footer.

Key Features

Feature Groups

Features

1 / 0

Key Capabilities

Animated hero, stats, services, about, testimonials, FAQ, and contact sections

#01

Dynamic portfolio grid with category filtering and project tags

#02

Contact form with validation and email integration (Resend)

#03

Floating WhatsApp chat for instant support

#04

Responsive and accessible design for all devices

#05

Smooth anchor navigation and mobile-friendly menu

#06

Social media and quick links in the footer

#07

Modern UI with Framer Motion animations

#08

Custom UI components (cards, buttons, badges, dialogs, accordions, etc.)

#09

SEO optimized with Open Graph and Twitter meta tags

#10

Theming support and dark mode ready

#11

Case Study

Problem & Approach

The Challenge

Problem Statement

StudioXD7 was a newly launched creative agency without a web presence. The founders had strong design work but no platform to showcase it, capture leads, or communicate their services — resulting in lost opportunities and no inbound pipeline.

The Solution

Our Approach

Designed and developed a high-impact agency site in a single sprint. The site leads with Framer Motion animated sections, a filterable portfolio grid, and a contact form wired to Resend for instant email delivery. The minimal-but-bold aesthetic mirrors the agency's brand identity, while floating WhatsApp integration ensures no lead slips through.

Details

Project Information

Client

StudioXD7

Timeline

Sep 2025 - Sep 2025

Role

Full Stack Developer & Designer

Technologies

10 Technologies

Tech Stack

10 Technologies

Next.js

React

Tailwind CSS

Framer Motion

Lucide React

TypeScript

Sonner

Resend

Zod

React Hook Form

Outcomes

Results & Impact

#01

Delivered a production-ready agency website in under 30 days

#02

Animated portfolio grid gives visitors an immediate sense of the agency's work quality

#03

Contact form with Resend integration enabled the client to receive qualified leads from day one

#04

Floating WhatsApp CTA provides an always-visible conversion path

#05

SEO meta tags and Open Graph setup prepared the site for organic discovery

Project Gallery

Hero Section

Service Section

About Section

Portfolio Section

Portfolio Project Menu

Contact Section

More Projects

OTHERS

ObservabilityOS — AI-Native DevOps Intelligence & Observability Platform

AI-native log analytics and incident response platform with real-time streaming, statistical anomaly detection, and multi-provider LLM diagnostics.

WEB APPLICATION

Drishti Marketing OS — Enterprise WhatsApp AI Agent Platform

Enterprise WhatsApp Business inbox replacing third-party BSPs with a custom Meta Cloud API integration, multi-provider AI agent (Claude/GPT-4o/Gemini), RAG knowledge base, and real-time Zoho CRM data — achieving 89.7% AI self-service rate and 96% reduction in lead response time.

OPEN SOURCE

Sentinel — Adaptive Distributed Load Control Microservice

Open-source adaptive HTTP reverse proxy in TypeScript/Bun, sustaining ~6,800 req/s at p99 41ms baseline. Protects distributed backends from traffic spikes and cascading failures via hybrid rate limiting, distributed circuit breaking, and real-time pressure-based throttling.