Switch to version 1: modified src/app/layout.tsx

Merge version_3 into main

src/app/browse/page.tsx

@@ -3,11 +3,9 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import Link from "next/link";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import HeroSignup from "@/components/sections/hero/HeroSignup";
 import ProductCardThree from "@/components/sections/product/ProductCardThree";
 import SplitAbout from "@/components/sections/about/SplitAbout";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
-import { Sparkles } from "lucide-react";
 
 export default function BrowsePage() {
   const navItems = [
@@ -19,8 +17,7 @@ export default function BrowsePage() {
   ];
 
   const navButton = {
-    text: "Start Exploring",    href: "discover"
+    text: "Start Exploring",    href: "discover"};
-  };
 
   const footerColumns = [
     {
@@ -70,19 +67,6 @@ export default function BrowsePage() {
         />
       </div>
 
-      <div id="hero" data-section="hero">
-        <HeroSignup
-          title="Explore Oman's Best Destinations"
-          description="Discover breathtaking landscapes, rich culture, and unforgettable experiences across Oman's most remarkable destinations."
-          tag="Adventure Awaits"
-          tagIcon={Sparkles}
-          background={{ variant: "sparkles-gradient" }}
-          inputPlaceholder="Enter your email"
-          buttonText="Get Started"
-          onSubmit={(email) => console.log('Email:', email)}
-        />
-      </div>
-
       <div id="all-destinations" data-section="all-destinations">
         <ProductCardThree
           title="Browse All Destinations"
@@ -94,28 +78,22 @@ export default function BrowsePage() {
           products={[
             {
               id: "muscat",              name: "Muscat",              price: "Moderate",              imageSrc:
-                "http://img.b2bpic.net/free-photo/landscape-sky-is-reflected-sea-setting-light-city-coastline-with-mountains-horizon_169016-8684.jpg?_wi=2",              imageAlt: "Muscat city coastline"
+                "http://img.b2bpic.net/free-photo/landscape-sky-is-reflected-sea-setting-light-city-coastline-with-mountains-horizon_169016-8684.jpg",              imageAlt: "Muscat city coastline"},
-            },
             {
               id: "nizwa",              name: "Nizwa",              price: "Budget",              imageSrc:
-                "http://img.b2bpic.net/free-photo/closeup-shot-buildings-made-concrete-sun-morocco_181624-16067.jpg",              imageAlt: "Nizwa historic fort"
+                "http://img.b2bpic.net/free-photo/closeup-shot-buildings-made-concrete-sun-morocco_181624-16067.jpg",              imageAlt: "Nizwa historic fort"},
-            },
             {
               id: "jebel-akhdar",              name: "Jebel Akhdar",              price: "Moderate",              imageSrc:
-                "http://img.b2bpic.net/free-photo/aerial-view-gran-canaria-desert-road-through-mountains_181624-37658.jpg",              imageAlt: "Jebel Akhdar green mountains"
+                "http://img.b2bpic.net/free-photo/aerial-view-gran-canaria-desert-road-through-mountains_181624-37658.jpg",              imageAlt: "Jebel Akhdar green mountains"},
-            },
             {
               id: "wahiba-sands",              name: "Wahiba Sands",              price: "Moderate",              imageSrc:
-                "http://img.b2bpic.net/free-photo/camel-desert-landscape-morocco_23-2148129819.jpg",              imageAlt: "Wahiba Sands desert dunes"
+                "http://img.b2bpic.net/free-photo/camel-desert-landscape-morocco_23-2148129819.jpg",              imageAlt: "Wahiba Sands desert dunes"},
-            },
             {
               id: "musandam",              name: "Musandam",              price: "Premium",              imageSrc:
-                "http://img.b2bpic.net/free-photo/rowing-sea-water_1312-27.jpg",              imageAlt: "Musandam fjords peninsula"
+                "http://img.b2bpic.net/free-photo/rowing-sea-water_1312-27.jpg",              imageAlt: "Musandam fjords peninsula"},
-            },
             {
               id: "salalah",              name: "Salalah",              price: "Moderate",              imageSrc:
-                "http://img.b2bpic.net/free-photo/green-river-middle-forest_181624-19059.jpg",              imageAlt: "Salalah tropical landscape"
+                "http://img.b2bpic.net/free-photo/green-river-middle-forest_181624-19059.jpg",              imageAlt: "Salalah tropical landscape"},
-            },
           ]}
         />
       </div>
@@ -132,16 +110,13 @@ export default function BrowsePage() {
           bulletPoints={[
             {
               title: "Plan Ahead",              description:
-                "Book accommodations and activities in advance, especially during peak season (October-April)."
+                "Book accommodations and activities in advance, especially during peak season (October-April)."},
-            },
             {
               title: "Best Time to Visit",              description:
-                "Experience mild temperatures and clear skies during winter months for optimal travel conditions."
+                "Experience mild temperatures and clear skies during winter months for optimal travel conditions."},
-            },
             {
               title: "Local Guides",              description:
-                "Hire experienced local guides to unlock hidden gems and authentic cultural connections."
+                "Hire experienced local guides to unlock hidden gems and authentic cultural connections."},
-            },
           ]}
           mediaAnimation="opacity"
         />
@@ -158,4 +133,4 @@ export default function BrowsePage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/layout.tsx

@@ -1,25 +1,74 @@
 import type { Metadata } from "next";
+import { Halant } from "next/font/google";
 import { Inter } from "next/font/google";
-import "./styles/variables.css";
+import { Nunito } from "next/font/google";
-import "./styles/base.css";
+import "./globals.css";
+import { ServiceWrapper } from "@/components/ServiceWrapper";
+import Tag from "@/tag/Tag";
+
+const halant = Halant({
+  variable: "--font-halant",
+  subsets: ["latin"],
+  weight: ["300", "400", "500", "600", "700"],
+});
 
 const inter = Inter({
-  variable: "--font-inter",  subsets: ["latin"],
+  variable: "--font-inter",
+  subsets: ["latin"],
+});
+
+const nunito = Nunito({
+  variable: "--font-nunito",
+  subsets: ["latin"],
 });
 
 export const metadata: Metadata = {
-  title: "Visit Oman",  description: "Explore Oman's best destinations"};
+  title: "Visit Oman - Discover & Plan Your Perfect Journey",
+  description: "Explore Oman's stunning destinations from desert dunes to mountain peaks. Plan your ideal itinerary with our smart travel platform.",
+  keywords: "Oman travel, tourism, destination guide, trip planner, Muscat, desert, mountains, beaches",
+  metadataBase: new URL("https://visitoman.com"),
+  alternates: {
+    canonical: "https://visitoman.com",
+  },
+  openGraph: {
+    title: "Visit Oman - Discover the Beauty of Mountains, Deserts & Coastlines",
+    description: "Your premium guide to discovering and planning travel experiences across Oman's most beautiful destinations.",
+    url: "https://visitoman.com",
+    siteName: "Visit Oman",
+    type: "website",
+    images: [
+      {
+        url: "http://img.b2bpic.net/free-photo/adventurous-young-man-desert_181624-35067.jpg",
+        alt: "Oman landscapes",
+      },
+    ],
+  },
+  twitter: {
+    card: "summary_large_image",
+    title: "Visit Oman - Discover Your Next Adventure",
+    description: "Plan your perfect journey across Oman's mountains, deserts, and coastlines.",
+    images: ["http://img.b2bpic.net/free-photo/adventurous-young-man-desert_181624-35067.jpg"],
+  },
+  robots: {
+    index: true,
+    follow: true,
+  },
+};
 
 export default function RootLayout({
   children,
-}: {
+}: Readonly<{
   children: React.ReactNode;
-}) {
+}>) {
   return (
-    <html lang="en">
+    <html lang="en" suppressHydrationWarning>
-      <body className={inter.variable}>
+      <ServiceWrapper>
-        {children}
+        <body
-      
+          className={`${halant.variable} ${inter.variable} ${nunito.variable} antialiased`}
+        >
+          <Tag />
+          {children}
+        
         <script
           dangerouslySetInnerHTML={{
             __html: `
@@ -1387,6 +1436,7 @@ export default function RootLayout({
           }}
         />
       </body>
+      </ServiceWrapper>
     </html>
   );
-}
+}