A modern React-based website for FreeSip, an innovative B2B event marketing solution using branded water bottles as promotional media.
- Responsive design with smooth scrolling navigation
- Interactive UI elements using Framer Motion animations
- Social media integration with contact form
- Optimized for mobile and desktop experiences
- Animated components with scroll-triggered effects
- Home: Eye-catching hero section with main value proposition
- About: Company overview and mission statement
- How It Works: Step-by-step process explanation with animated transitions
- Benefits: Key advantages for partner brands with visual elements
- Gallery: Showcase of implementation examples across various event types
- Call to Action: Partnership opportunities and signup section
- Contact: Social media links and contact information
# Install dependencies
npm install
# Run development server
npm run dev
# Build for production
npm run build
# Preview production build
npm run preview
# Lint code
npm run lint- React 19
- Vite 6
- Framer Motion 12.9
- react-scroll 1.9
- react-intersection-observer 9.16
- react-icons 5.5
- Smooth Scrolling Navigation: I 7C57 mplemented using react-scroll for seamless section transitions
- Animated UI Elements: Leveraging Framer Motion for engaging entrance animations and interactive elements
- Intersection Observer: Components animate into view as the user scrolls down the page
- Responsive Design: Fully responsive layout that works on mobile devices, tablets, and desktops
- Custom Image Utilities: Helper functions in utils/imageUtils.js for placeholder images during development
- Modern React Patterns: Using React 19 features with functional components and hooks
- Node.js 18+
- npm 9+
The project is built with Vite for fast development and optimized production builds. It uses ESLint for code quality and follows modern React practices with strict mode enabled.
MIT