Update src/app/browse/page.tsx

Merge version_1 into main

src/app/browse/page.tsx

@@ -3,6 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import Link from "next/link";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+import HeroSplit from "@/components/sections/hero/HeroSplit";
 import ProductCardThree from "@/components/sections/product/ProductCardThree";
 import SplitAbout from "@/components/sections/about/SplitAbout";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
@@ -67,6 +68,22 @@ export default function BrowsePage() {
         />
       </div>
 
+      <div id="hero" data-section="hero">
+        <HeroSplit
+          title="Explore Oman's Best Destinations"
+          description="Discover breathtaking landscapes, rich culture, and unforgettable experiences across Oman's most remarkable destinations."
+          imageSrc="http://img.b2bpic.net/free-photo/landscape-sky-is-reflected-sea-setting-light-city-coastline-with-mountains-horizon_169016-8684.jpg?_wi=1"
+          imageAlt="Oman landscape"
+          buttons={[
+            { text: "Explore More", href: "#all-destinations" },
+            { text: "Plan Your Trip", href: "#destination-guide" },
+          ]}
+          imagePosition="right"
+          background={{ variant: "plain" }}
+          mediaAnimation="opacity"
+        />
+      </div>
+
       <div id="all-destinations" data-section="all-destinations">
         <ProductCardThree
           title="Browse All Destinations"
@@ -78,7 +95,7 @@ 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",              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?_wi=2",              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"},
@@ -133,4 +150,4 @@ export default function BrowsePage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/layout.tsx

@@ -1,74 +1,23 @@
 import type { Metadata } from "next";
-import { Halant } from "next/font/google";
 import { Inter } from "next/font/google";
-import { Nunito } from "next/font/google";
-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"],
-});
+import "./styles/variables.css";
+import "./styles/base.css";
 
 const inter = Inter({
-  variable: "--font-inter",
-  subsets: ["latin"],
-});
-
-const nunito = Nunito({
-  variable: "--font-nunito",
-  subsets: ["latin"],
+  variable: "--font-inter",  subsets: ["latin"],
 });
 
 export const metadata: Metadata = {
-  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,
-  },
-};
+  title: "Visit Oman",  description: "Explore the beauty of Oman"};
 
 export default function RootLayout({
   children,
-}: Readonly<{
+}: {
   children: React.ReactNode;
-}>) {
+}) {
   return (
-    <html lang="en" suppressHydrationWarning>
-      <ServiceWrapper>
-        <body
-          className={`${halant.variable} ${inter.variable} ${nunito.variable} antialiased`}
-        >
-          <Tag />
-          {children}
-        
+    <html lang="en">
+      <body className={inter.variable}>{children}
         <script
           dangerouslySetInnerHTML={{
             __html: `
@@ -1436,7 +1385,6 @@ export default function RootLayout({
           }}
         />
       </body>
-      </ServiceWrapper>
     </html>
   );
-}
+}