Update src/app/layout.tsx

Merge version_2 into main

src/app/browse/page.tsx

@@ -3,10 +3,11 @@
 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 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 = [
@@ -18,7 +19,8 @@ export default function BrowsePage() {
   ];
 
   const navButton = {
-    text: "Start Exploring",    href: "discover"};
+    text: "Start Exploring",    href: "discover"
+  };
 
   const footerColumns = [
     {
@@ -69,18 +71,15 @@ export default function BrowsePage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroSplit
+        <HeroSignup
           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"
+          tag="Adventure Awaits"
-          imageAlt="Oman landscape"
+          tagIcon={Sparkles}
-          buttons={[
+          background={{ variant: "sparkles-gradient" }}
-            { text: "Explore More", href: "#all-destinations" },
+          inputPlaceholder="Enter your email"
-            { text: "Plan Your Trip", href: "#destination-guide" },
+          buttonText="Get Started"
-          ]}
+          onSubmit={(email) => console.log('Email:', email)}
-          imagePosition="right"
-          background={{ variant: "plain" }}
-          mediaAnimation="opacity"
         />
       </div>
 
@@ -95,22 +94,28 @@ 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?_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"},
+                "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>
@@ -127,13 +132,16 @@ 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"
         />

src/app/layout.tsx

@@ -8,7 +8,7 @@ const inter = Inter({
 });
 
 export const metadata: Metadata = {
-  title: "Visit Oman",  description: "Explore the beauty of Oman"};
+  title: "Visit Oman",  description: "Explore Oman's best destinations"};
 
 export default function RootLayout({
   children,
@@ -17,7 +17,9 @@ export default function RootLayout({
 }) {
   return (
     <html lang="en">
-      <body className={inter.variable}>{children}
+      <body className={inter.variable}>
+        {children}
+      
         <script
           dangerouslySetInnerHTML={{
             __html: `