Positivus Landing Page

A modern, responsive landing page for Positivus — a digital marketing agency. Built with React and Tailwind CSS, featuring a dark theme with vibrant green accents.
Live Demo »

Features · Prerequisites · Project Structure . License · Issues

Features

• Responsive design — Mobile-first layout with breakpoints for tablet and desktop
• Navbar — Sticky navigation with mobile menu, green hover states on links
• Hero / Header — Introductory section with CTA
• Company Logos — Trusted partners or clients strip
• Services — Showcase of digital marketing offerings
• Working Process — Step-by-step overview of how the agency works
• Testimonials — Speech-bubble styled carousel with Swiper (author & position outside cards)
• Footer — Links, contact info, and branding
• Smooth scrolling — In-page navigation

Tech Stack

• React
• Vite
• Tailwind CSS
• Swiper — Testimonials carousel
• React Icons — Icons

Prerequisites

• Node.js (v18+ recommended)
• npm or yarn

Installation

# Clone the repository
git clone https://github.com/UdayIge/positivus.git
cd positivus

# Install dependencies
npm install

# Start development server
npm run dev

Open http://localhost:5173 in your browser.

Available Scripts

Command	Description
npm run dev	Start Vite dev server
npm run build	Production build
npm run preview	Preview production build locally
npm run lint	Run ESLint

Project Structure

src/
├── components/       # React components
│   ├── ui/          # Reusable UI (Button, SectionHeading, etc.)
│   ├── Navbar.jsx
│   ├── Header.jsx
│   ├── Services.jsx
│   ├── Testimonials.jsx
│   └── ...
├── assets/          # Images and static assets
├── data.jsx         # Static data (nav links, testimonials, etc.)
├── App.jsx
├── main.jsx
└── index.css        # Global styles, Tailwind, custom CSS

License

Distributed under the MIT License. See LICENSE for more info.

---

Built by @UdayIge