{"id":22907319,"url":"https://github.com/gah-code/haro-photo-website","last_synced_at":"2026-05-05T09:33:08.459Z","repository":{"id":263065848,"uuid":"888964461","full_name":"gah-code/haro-photo-website","owner":"gah-code","description":"Photography project using design tokens and SCSS for modular design, Vite for quick builds and image optimization, and Cloudinary for asset delivery. Netlify handles SEO, marketing forms, and A/B testing for an optimal user experience.","archived":false,"fork":false,"pushed_at":"2024-12-17T23:54:35.000Z","size":5755,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-01T09:08:05.757Z","etag":null,"topics":["design-system","image-processing","scss","vite"],"latest_commit_sha":null,"homepage":"https://haro-family-photography.com","language":"SCSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/gah-code.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-11-15T10:47:12.000Z","updated_at":"2024-12-17T23:54:38.000Z","dependencies_parsed_at":"2024-11-16T04:31:01.660Z","dependency_job_id":"580fef6d-4d49-445d-abef-a34ab5e95abd","html_url":"https://github.com/gah-code/haro-photo-website","commit_stats":null,"previous_names":["gah-code/haro-photo-website"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/gah-code/haro-photo-website","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gah-code%2Fharo-photo-website","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gah-code%2Fharo-photo-website/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gah-code%2Fharo-photo-website/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gah-code%2Fharo-photo-website/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gah-code","download_url":"https://codeload.github.com/gah-code/haro-photo-website/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gah-code%2Fharo-photo-website/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32643715,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-04T10:08:07.713Z","status":"online","status_checked_at":"2026-05-05T02:00:06.033Z","response_time":54,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["design-system","image-processing","scss","vite"],"created_at":"2024-12-14T03:14:30.466Z","updated_at":"2026-05-05T09:33:08.437Z","avatar_url":"https://github.com/gah-code.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n# **Family Photography Website Campaign - 2025**  \n\nWelcome to my photography repository! I'm excited to incorporate new techniques as I build this website. The goal is simple: to showcase my family photography work and the experience I gained since 2018 when I began working for my first agency. Over the past year, I've been booking clients month-to-month, which has been quite a headache lol. This website will inform interested clients about my prices, open dates, and my personal photographic style from an editor's perspective.\n\n[![Netlify Status](https://api.netlify.com/api/v1/badges/7a54dbd4-26ad-4c27-8e75-8219302aba74/deploy-status)](https://app.netlify.com/sites/haro-photo/deploys)\n\n---\n\n## **Showcase**  \n\nIn addition to simple descriptions of my services, I'm thrilled to showcase a few standout images from previous sessions.  \n\n---\n\n## **Target Campaign Date**  \n\nThe upcoming campaign will run from **December 2024 through around March 2025**. I’ve carefully chosen six preferred locations for family photography, ensuring consistent colors and tones throughout all galleries:  \n\n- **Gilroy**: Scenic parks and rustic settings.  \n- **San Jose**: Urban and natural blends.  \n- **Morgan Hill**: Serene countryside.  \n- **Hollister**: Timeless rural backdrops.  \n- **San Juan Bautista**: Historic and cultural beauty.  \n- **Palo Alto**: Sophisticated cityscapes and lush parks.\n\n---\n\n## **A/B Test: Time-Based Personalization**\n\n### **Purpose**\n\nTo enhance user engagement, the \"About\" section dynamically updates content based on the visitor's local **time of day**.\n\n| **Time Range**       | **Personalized Content**                                      |\n|-----------------------|---------------------------------------------------------------|\n| **Morning** (5-11 AM) | Title: \"Good Morning! Start Your Day with a Smile\" \u003cbr\u003e CTA: \"Book a Morning Session\" |\n| **Afternoon** (12-5 PM) | Title: \"Good Afternoon! Make Memories Last Forever\" \u003cbr\u003e CTA: \"Book an Afternoon Session\" |\n| **Evening** (6-11 PM) | Title: \"Good Evening! Preserve the Golden Hour\" \u003cbr\u003e CTA: \"Book an Evening Session\" |\n\n### **How It Works**\n\n- **JavaScript** dynamically detects the user's current hour and updates:  \n  - Title text  \n  - Description content  \n  - Call-to-action button text  \n  - Section image (e.g., morning, afternoon, or evening themes)  \n- Content is tailored to the time of day for maximum contextual relevance.  \n\n### **Key Features**  \n\n- **Dynamic Updates**: No page reload required, smooth and seamless transitions.  \n- **Engagement Focus**: Personalized messaging improves click-through rates (CTR).  \n\n---\n\n## **Deployment and Marketing**  \n\n- **Netlify** is ideal for:  \n  - Managing marketing campaigns.  \n  - Handling forms for customer inquiries.  \n  - Optimizing SEO with built-in tools.  \n  - Conducting A/B tests to refine user engagement.  \n- Integration with **Google My Business (GMB)**:\n  - Added an optimized business description.\n  - Encouraged reviews to boost local search visibility.  \n\n---\n\n## **Developer Notes**  \n\n### **Design System**  \n\n- Implementing a **seven-in-one folder pattern** to organize SCSS for a cohesive design system.  \n- Utilizing SCSS features such as **mixins** for reusable, modular styling.  \n- Leveraging smooth scrolling techniques for better navigation and a seamless user experience.\n\n### **Optimization**  \n\n- **Vite** is used for build optimization and image processing, ensuring consistent load speeds for a content-heavy site.  \n- **Cloudinary** for efficient image delivery with:\n  - Lazy loading for improved performance.\n  - Modern formats like WebP.\n  - Automatic resizing and compression to adapt to device screen sizes.  \n\n### **SEO Enhancements**  \n\n- Added structured data (Schema.org) for local SEO, focusing on `LocalBusiness` and `Photographer` types.  \n- Improved meta tags for optimized rankings:\n  - **Descriptive titles** (e.g., \"Haro Family Photography | Serving Gilroy \u0026 Beyond\").  \n  - **Focused keywords** like “family photographer” and “Gilroy photography.”  \n- Created a **Locations page** with unique descriptions for each area served.  \n\n### **Accessibility**  \n\n- Improved navigation with `aria-label` attributes and meaningful alt text for all images, ensuring inclusivity for all users.  \n- Smooth scrolling implemented via `scroll-behavior: smooth` in CSS for a polished feel.\n\n---\n\n## **Asset Delivery**  \n\n- **Cloudinary** ensures:  \n  - Fast loading of high-quality images.  \n  - Automated transformations for consistent performance.  \n\n---\n\n### **Pre-release Versions**  \n\nMORE COMING SOON - THANK YOU! 🚀  \n\n---\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgah-code%2Fharo-photo-website","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgah-code%2Fharo-photo-website","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgah-code%2Fharo-photo-website/lists"}