From 703d2671cec5bc610f02e7b322c8d312efec5b5f Mon Sep 17 00:00:00 2001
From: Azam khan <azamkhan@hlafly.com>
Date: Fri, 4 Apr 2025 12:08:09 +0530
Subject: [PATCH]  SEO changes

---
 src/App.js               | 16 ++++++++++++----
 src/components/Footer.js |  8 ++++++--
 src/components/Navbar.js | 15 +++++++++------
 src/pages/Home.js        | 14 ++++++++++----
 4 files changed, 37 insertions(+), 16 deletions(-)

diff --git a/src/App.js b/src/App.js
index 1fbf304..1eb4e6c 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,4 +1,7 @@
-import { Route, Routes } from "react-router-dom";
+import React from "react";
+import {Router, Route, Routes } from "react-router-dom";
+import { Helmet } from "react-helmet";
+import "bootstrap/dist/css/bootstrap.min.css";
 import Home from "./pages/Home.js";
 import Flights from "./pages/Flights.js";
 import Hotels from "./pages/Hotels.js";
@@ -10,8 +13,13 @@ import Footer from "./components/Footer.js";
 function App() {
   return (
     <>
+      <Helmet>
+        <title>Chalpado - Best Travel Deals</title>
+        <meta name="description" content="Find the best deals on flights, hotels, and travel packages with Chalpado." />
+        <meta name="keywords" content="flights, hotels, travel deals, vacation packages" />
+      </Helmet>
       <Navbar />
-      <div className="container mt-4">
+      <div className="container mt-5">
         <Routes>
           <Route path="/" element={<Home />} />
           <Route path="/flights" element={<Flights />} />
@@ -20,8 +28,8 @@ function App() {
         </Routes>
       </div>
       <Footer />
-    </>
-  );
+      </>
+        );
 }
 
 export default App;
diff --git a/src/components/Footer.js b/src/components/Footer.js
index 77c76e9..8909ca7 100644
--- a/src/components/Footer.js
+++ b/src/components/Footer.js
@@ -2,8 +2,12 @@ import React from "react";
 
 const Footer = () => {
   return (
-    <footer className="bg-light text-center py-3 mt-4">
-      <p>&copy; 2025 HLAFLY. All rights reserved.</p>
+    <footer className="bg-dark text-white text-center py-3 mt-5">
+      <p>&copy; 2025 Chalpado. All rights reserved.</p>
+      <div>
+        <a href="#" className="text-white mx-2">Privacy Policy</a>
+        <a href="#" className="text-white mx-2">Terms of Service</a>
+      </div>
     </footer>
   );
 };
diff --git a/src/components/Navbar.js b/src/components/Navbar.js
index bb4e444..8d09804 100644
--- a/src/components/Navbar.js
+++ b/src/components/Navbar.js
@@ -4,14 +4,17 @@ import "bootstrap/dist/css/bootstrap.min.css";
 
 const Navbar = () => {
   return (
-    <nav className="navbar navbar-expand-lg navbar-light bg-light">
+    <nav className="navbar navbar-expand-lg navbar-dark bg-primary">
       <div className="container">
-        <Link className="navbar-brand" to="/">HLAFLY</Link>
-        <div className="collapse navbar-collapse">
+        <Link className="navbar-brand" to="/">Chalpado</Link>
+        <button className="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
+          <span className="navbar-toggler-icon"></span>
+        </button>
+        <div className="collapse navbar-collapse" id="navbarNav">
           <ul className="navbar-nav ms-auto">
-            <li className="nav-item"><Link className="nav-link" to="/flights">Flights</Link></li>
-            <li className="nav-item"><Link className="nav-link" to="/hotels">Hotels</Link></li>
-            <li className="nav-item"><Link className="nav-link" to="/packages">Packages</Link></li>
+            <li className="nav-item"><Link className="nav-link text-white" to="/flights">Flights</Link></li>
+            <li className="nav-item"><Link className="nav-link text-white" to="/hotels">Hotels</Link></li>
+            <li className="nav-item"><Link className="nav-link text-white" to="/packages">Packages</Link></li>
           </ul>
         </div>
       </div>
diff --git a/src/pages/Home.js b/src/pages/Home.js
index 5dd37a1..25ceaa9 100644
--- a/src/pages/Home.js
+++ b/src/pages/Home.js
@@ -1,12 +1,18 @@
 import React from "react";
+import { Helmet } from "react-helmet";
 
 const Home = () => {
   return (
-    <div>
-      <h1>Welcome to HLAFLY</h1>
-      <p>Your one-stop solution for flights, hotels, and travel packages.</p>
+    <div className="text-center mt-5">
+      <Helmet>
+        <title>Chalpado - Home</title>
+        <meta name="description" content="Explore the best travel deals and vacation packages." />
+      </Helmet>
+      <h1>Welcome to Chalpado</h1>
+      <p>Find the best deals on flights, hotels, and travel packages.</p>
+      <button className="btn btn-primary">Start Exploring</button>
     </div>
   );
 };
 
-export default Home;
+export default Home;
\ No newline at end of file
-- 
2.17.1