Skip to content

Photography & drone services website for JG Media - React, Tailwind, Vercel

License

Notifications You must be signed in to change notification settings

PryceHedrick/JGMedia

Repository files navigation

JG Media

Professional Photography & Drone Services | Loogootee, Indiana

React Vite Tailwind CSS Vercel


Live Site

jgmedia.com


About

JG Media is a professional photography and videography business serving Southern Indiana. This website showcases their portfolio and services, featuring:

  • FAA Part 107 Certified Drone Services - Aerial photography and videography
  • Sports Photography - High school athletics, motorsports, action shots
  • Commercial & Business - Headshots, product photography, marketing materials
  • Event Coverage - Community events, corporate functions, celebrations
  • Portrait Photography - Senior portraits, family sessions, headshots
  • Real Estate - Interior, exterior, and aerial property photography
  • Landscape Photography - Southern Indiana and Smoky Mountains scenery
  • VHS to Digital Conversion - Preserving memories from old tapes

Tech Stack

Technology Purpose
React 19 UI framework with latest features
Vite 7 Fast build tool and dev server
Tailwind CSS 4 Utility-first styling
Framer Motion Smooth animations and transitions
React Router 7 Client-side routing
Lucide React Modern icon library
Vercel Deployment and hosting

Quick Start

# Clone the repository
git clone https://github.com/PryceHedrick/JGMedia.git
cd JGMedia

# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

# Preview production build
npm run preview

Project Structure

JGMedia/
├── public/
│   └── images/          # Photography assets by category
│       ├── aerial/      # Drone photography
│       ├── brand/       # Branding assets
│       ├── commercial/  # Business photography
│       ├── events/      # Event coverage
│       ├── hero/        # Hero section images
│       ├── landscape/   # Nature photography
│       ├── portraits/   # Portrait photography
│       ├── realestate/  # Property photography
│       └── sports/      # Sports action shots
├── src/
│   ├── components/      # Reusable UI components
│   │   ├── home/        # Homepage sections
│   │   └── layout/      # Header, footer, navigation
│   ├── data/            # Service definitions
│   ├── pages/           # Route pages
│   │   ├── Home.jsx
│   │   ├── About.jsx
│   │   ├── Services.jsx
│   │   ├── Portfolio.jsx
│   │   └── Contact.jsx
│   ├── App.jsx          # Main app component
│   └── main.jsx         # Entry point
└── package.json

Features

  • Responsive Design - Optimized for mobile, tablet, and desktop
  • Smooth Animations - Framer Motion page transitions and scroll effects
  • SEO Optimized - Meta tags, Open Graph, Twitter cards
  • Fast Performance - Vite build optimization, lazy loading
  • Accessible - Semantic HTML, keyboard navigation
  • Modern Styling - Custom Tailwind theme with JG brand colors

Design

The website features a premium dark theme with gold accents, reflecting the professional quality of JG Media's work:

  • Primary: Deep black (#0a0a0a)
  • Accent: Gold (#d4af37)
  • Typography: Clean, modern fonts for readability

License

Photography and images are property of JG Media. Website developed by Pryceless Solutions.


Developer

Pryce Hedrick - GitHub | Pryceless Solutions

About

Photography & drone services website for JG Media - React, Tailwind, Vercel

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •