Skip to content

Readme.md

Latest commit

 

History

History
136 lines (93 loc) · 2.41 KB

Readme.md

File metadata and controls

136 lines (93 loc) · 2.41 KB
Raw

🎬 MotionForge Landing Page

A modern, responsive landing page for MotionForge, a social media marketing and creative video production brand. This project is built using HTML, CSS, and JavaScript, featuring smooth animations, a clean UI, and an engaging user experience for showcasing creative services. The landing page presents MotionForge's focus on reels, product shoots, business promotion videos, and social media content. :contentReference[oaicite:0]{index=0}

🌐 Live Demo

🔗 Website: https://motionforge-silk.vercel.app

🚀 Features

  • Modern hero section with call-to-action buttons
  • About section introducing the brand
  • Services showcase
  • Interactive video carousel
  • Smooth scroll animations
  • Contact section with:
    • Email
    • Phone
    • WhatsApp
  • Footer with social media links
  • Clean and minimal UI
  • GSAP-powered animations

🛠️ Built With

  • HTML5
  • CSS3
  • JavaScript (ES6)
  • GSAP Animation Library

📂 Project Structure

MotionForge/
│
├── index.html
├── styles.css
├── scripts.js
│
├── assets/
│   ├── video_1.mp4
│   ├── video_2.mp4
│   └── video_3.mp4
│
└── README.md

📸 Sections

  • Hero
  • About
  • Services
  • Why Choose Us
  • Creative Showcase
  • Testimonials
  • Contact
  • Footer

💻 Getting Started

1. Clone the repository

git clone https://github.com/your-username/motionforge-landing-page.git

2. Navigate to the project folder

cd motionforge-landing-page

3. Open the project

Simply open index.html in your browser.

Or, if you're using VS Code, install the Live Server extension and click Go Live.

🎥 Services Showcased

  • Reel Editing
  • Product Shoots
  • Social Media Content
  • Business Promotion Videos :contentReference[oaicite:1]{index=1}

✨ Future Improvements

  • Dark/Light mode toggle
  • Portfolio gallery
  • Client testimonials fetched dynamically
  • Contact form with backend integration
  • CMS support
  • Performance optimization
  • SEO enhancements
  • Blog section
  • Responsive design

📧 Contact

MotionForge

📩 Email: motionforge.in1@gmail.com

📱 WhatsApp: +91 95036 90185

📷 Instagram: https://www.instagram.com/motionforge.in/ :contentReference[oaicite:2]{index=2}

⭐ Acknowledgements

  • GSAP
  • Google Fonts
  • Fontshare

Made with ❤️ using HTML, CSS, and JavaScript.