Project Overview

A sophisticated, modern landing page developed for Socialcube.ai, a comprehensive digital services startup. This project was independently designed and developed from scratch, showcasing the company's diverse portfolio of services including social media management, web development, mobile app development, and marketing solutions. The website features smooth, engaging animations and an enhanced user experience through Locomotive Scroll integration.

Tech Stack

• Framework: Next.js with React for optimal performance
• Frontend: TypeScript for robust type safety
• Styling: TailwindCSS for customizable, responsive design
• UI Components: Radix UI for accessible, composable interfaces
• Email Service: Resend for reliable email functionality
• Scroll Animation: Locomotive Scroll for smooth scrolling experiences
• Deployment: Production-grade hosting platform

Key Features

• Custom-designed user interface from ground up
• Smooth scrolling animations with Locomotive Scroll
• Fully responsive design across all devices
• Accessible components using Radix UI
• Type-safe development with TypeScript
• Optimized performance and SEO with Next.js
• Integrated email services using Resend

# Clone the repository
git clone https://github.com/alishour-dev/socialcube

# Install dependencies
pnpm install

# Run development server
pnpm run dev

Development Process

The project was developed as a solo endeavor, encompassing both design and development phases. The process included:

• Original UI/UX design conception and implementation
• Integration of advanced scrolling animations
• Implementation of responsive design principles
• Performance optimization and SEO enhancement
• Comprehensive testing across multiple devices and browsers
• Deployment and continuous refinement based on user feedback