diff --git a/src/app/about-afghanistan/page.tsx b/src/app/about-afghanistan/page.tsx
index 56aa2f4..f0baf45 100644
--- a/src/app/about-afghanistan/page.tsx
+++ b/src/app/about-afghanistan/page.tsx
@@ -28,30 +28,32 @@ export default function AboutAfghanistanPage() {
                     ]}
                     brandName="Luxuria"
                 />
-                <MediaAbout
-                    tag="Overview"
-                    tagIcon={MapPin}
-                    title="A Country Overview"
-                    description="Strategically located at the crossroads of Central and South Asia, Afghanistan is a landlocked nation defined by its rugged Hindu Kush mountains."
-                    imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/hero/hero4.jpg"
-                    useInvertedBackground={false}
-                />
-                <MediaAbout
-                    tag="Culture"
-                    tagIcon={BookOpen}
-                    title="Rich Cultural Heritage"
-                    description="From traditional music and poetry to intricate carpet weaving and hospitality, the culture reflects centuries of tradition."
-                    imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/hero/hero3.jpg"
-                    useInvertedBackground={true}
-                />
-                <MediaAbout
-                    tag="History"
-                    tagIcon={History}
-                    title="Deep Historical Roots"
-                    description="Home to empires and historic Silk Road trade routes, Afghanistan's history is as complex as it is ancient."
-                    imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service4.webp"
-                    useInvertedBackground={false}
-                />
+                <div id="about-afghanistan">
+                    <MediaAbout
+                        tag="Overview"
+                        tagIcon={MapPin}
+                        title="A Country Overview"
+                        description="Strategically located at the crossroads of Central and South Asia, Afghanistan is a landlocked nation defined by its rugged Hindu Kush mountains."
+                        imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/hero/hero4.jpg"
+                        useInvertedBackground={false}
+                    />
+                    <MediaAbout
+                        tag="Culture"
+                        tagIcon={BookOpen}
+                        title="Rich Cultural Heritage"
+                        description="From traditional music and poetry to intricate carpet weaving and hospitality, the culture reflects centuries of tradition."
+                        imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/hero/hero3.jpg"
+                        useInvertedBackground={true}
+                    />
+                    <MediaAbout
+                        tag="History"
+                        tagIcon={History}
+                        title="Deep Historical Roots"
+                        description="Home to empires and historic Silk Road trade routes, Afghanistan's history is as complex as it is ancient."
+                        imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/services/service4.webp"
+                        useInvertedBackground={false}
+                    />
+                </div>
             </ReactLenis>
         </ThemeProvider>
     );
diff --git a/src/app/accommodations/page.tsx b/src/app/accommodations/page.tsx
index f2352dd..ace8174 100644
--- a/src/app/accommodations/page.tsx
+++ b/src/app/accommodations/page.tsx
@@ -32,20 +32,22 @@ export default function AccommodationsPage() {
                     brandName="Luxuria"
                     button={{ text: "Plan Your Trip", href: "#contact" }}
                 />
-                <FeatureCardOne
-                    className="pt-40"
-                    tag="Stay"
-                    title="Luxury Accommodations"
-                    description="Find your perfect home away from home."
-                    textboxLayout="default"
-                    animationType="slide-up"
-                    gridVariant="uniform-all-items-equal"
-                    useInvertedBackground={false}
-                    features={[
-                        { title: "Grand Hotel", description: "Experience ultimate luxury and comfort.", imageSrc: "", imageAlt: "Hotel" },
-                        { title: "Mountain Retreat", description: "Secluded lodge for perfect relaxation.", imageSrc: "", imageAlt: "Lodge" }
-                    ]}
-                />
+                <div id="accommodations">
+                    <FeatureCardOne
+                        className="pt-40"
+                        tag="Stay"
+                        title="Luxury Accommodations"
+                        description="Find your perfect home away from home."
+                        textboxLayout="default"
+                        animationType="slide-up"
+                        gridVariant="uniform-all-items-equal"
+                        useInvertedBackground={false}
+                        features={[
+                            { title: "Grand Hotel", description: "Experience ultimate luxury and comfort.", imageSrc: "", imageAlt: "Hotel" },
+                            { title: "Mountain Retreat", description: "Secluded lodge for perfect relaxation.", imageSrc: "", imageAlt: "Lodge" }
+                        ]}
+                    />
+                </div>
             </ReactLenis>
         </ThemeProvider>
     );
diff --git a/src/app/attractions/page.tsx b/src/app/attractions/page.tsx
index 82cb60e..9a95f99 100644
--- a/src/app/attractions/page.tsx
+++ b/src/app/attractions/page.tsx
@@ -33,21 +33,23 @@ export default function AttractionsPage() {
                     brandName="Luxuria"
                     button={{ text: "Plan Your Trip", href: "#contact" }}
                 />
-                <FeatureCardMedia
-                    className="pt-40"
-                    tag="Destinations"
-                    tagIcon={Plane}
-                    title="Major Tourist Attractions"
-                    description="Discover the most iconic sites across the region."
-                    textboxLayout="default"
-                    animationType="slide-up"
-                    useInvertedBackground={false}
-                    features={[
-                        { id: "1", title: "Bamiyan", description: "Ancient Buddhist heritage sites.", tag: "Culture", imageSrc: "", imageAlt: "Bamiyan" },
-                        { id: "2", title: "Kabul", description: "Vibrant capital city with historical landmarks.", tag: "City", imageSrc: "", imageAlt: "Kabul" },
-                        { id: "3", title: "Herat", description: "Known for its historic citadel and mosques.", tag: "History", imageSrc: "", imageAlt: "Herat" }
-                    ]}
-                />
+                <div id="attractions">
+                    <FeatureCardMedia
+                        className="pt-40"
+                        tag="Destinations"
+                        tagIcon={Plane}
+                        title="Major Tourist Attractions"
+                        description="Discover the most iconic sites across the region."
+                        textboxLayout="default"
+                        animationType="slide-up"
+                        useInvertedBackground={false}
+                        features={[
+                            { id: "1", title: "Bamiyan", description: "Ancient Buddhist heritage sites.", tag: "Culture", imageSrc: "", imageAlt: "Bamiyan" },
+                            { id: "2", title: "Kabul", description: "Vibrant capital city with historical landmarks.", tag: "City", imageSrc: "", imageAlt: "Kabul" },
+                            { id: "3", title: "Herat", description: "Known for its historic citadel and mosques.", tag: "History", imageSrc: "", imageAlt: "Herat" }
+                        ]}
+                    />
+                </div>
             </ReactLenis>
         </ThemeProvider>
     );
diff --git a/src/app/best-time-to-visit/page.tsx b/src/app/best-time-to-visit/page.tsx
index 04550ce..ce5d620 100644
--- a/src/app/best-time-to-visit/page.tsx
+++ b/src/app/best-time-to-visit/page.tsx
@@ -19,15 +19,17 @@ export default function BestTimeToVisitPage() {
             ]}
             brandName="Luxuria"
         />
-        <LegalSection 
-            layout="page"
-            title="Best Time to Visit"
-            subtitle="Optimizing your journey based on seasonal travel insights"
-            sections={[
-                { heading: "Seasonal Highlights", content: { type: "paragraph", text: "We analyze regional climate patterns to recommend the ideal travel window for your preferred activities." } },
-                { heading: "Peak Seasons", content: { type: "list", items: ["Avoid tourist crowds with shoulder season planning", "Optimal weather for safari and expeditions", "Seasonal festivals and cultural events"] } }
-            ]}
-        />
+        <div id="best-time">
+            <LegalSection 
+                layout="page"
+                title="Best Time to Visit"
+                subtitle="Optimizing your journey based on seasonal travel insights"
+                sections={[
+                    { heading: "Seasonal Highlights", content: { type: "paragraph", text: "We analyze regional climate patterns to recommend the ideal travel window for your preferred activities." } },
+                    { heading: "Peak Seasons", content: { type: "list", items: ["Avoid tourist crowds with shoulder season planning", "Optimal weather for safari and expeditions", "Seasonal festivals and cultural events"] } }
+                ]}
+            />
+        </div>
         <FooterBaseCard
             logoText="Luxuria"
             columns={[]}
diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index a9c1e84..ec00103 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -19,16 +19,18 @@ export default function BlogPage() {
                     ]}
                     brandName="Luxuria"
                 />
-                <BlogCardOne 
-                    title="Travel Guides & Insights"
-                    description="Discover expert travel tips and inspiring articles from around the world."
-                    animationType="slide-up"
-                    textboxLayout="default"
-                    useInvertedBackground={false}
-                    blogs={[
-                        { id: "1", category: "Europe", title: "Luxury Guide to Amalfi Coast", excerpt: "Explore the hidden gems of Italy's most beautiful coastline.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination4.webp", authorName: "Admin", authorAvatar: "", date: "May 2025" }
-                    ]}
-                />
+                <div id="blog">
+                    <BlogCardOne 
+                        title="Travel Guides & Insights"
+                        description="Discover expert travel tips and inspiring articles from around the world."
+                        animationType="slide-up"
+                        textboxLayout="default"
+                        useInvertedBackground={false}
+                        blogs={[
+                            { id: "1", category: "Europe", title: "Luxury Guide to Amalfi Coast", excerpt: "Explore the hidden gems of Italy's most beautiful coastline.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination4.webp", authorName: "Admin", authorAvatar: "", date: "May 2025" }
+                        ]}
+                    />
+                </div>
                 <FooterBaseCard
                     logoText="Luxuria"
                     columns={[]}
diff --git a/src/app/gallery/page.tsx b/src/app/gallery/page.tsx
index 125fdc5..4ca544b 100644
--- a/src/app/gallery/page.tsx
+++ b/src/app/gallery/page.tsx
@@ -19,18 +19,20 @@ export default function GalleryPage() {
                     ]}
                     brandName="Luxuria"
                 />
-                <ProductCardTwo 
-                    title="Tourism Gallery"
-                    description="A collection of moments from the world's most beautiful destinations."
-                    gridVariant="four-items-2x2-equal-grid"
-                    animationType="slide-up"
-                    textboxLayout="default"
-                    useInvertedBackground={false}
-                    products={[
-                        { id: "1", brand: "Maldives", name: "Private Island View", price: "", rating: 5, reviewCount: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination6.webp" },
-                        { id: "2", brand: "Switzerland", name: "Alpine Retreat", price: "", rating: 5, reviewCount: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination5.webp" }
-                    ]}
-                />
+                <div id="gallery">
+                    <ProductCardTwo 
+                        title="Tourism Gallery"
+                        description="A collection of moments from the world's most beautiful destinations."
+                        gridVariant="four-items-2x2-equal-grid"
+                        animationType="slide-up"
+                        textboxLayout="default"
+                        useInvertedBackground={false}
+                        products={[
+                            { id: "1", brand: "Maldives", name: "Private Island View", price: "", rating: 5, reviewCount: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination6.webp" },
+                            { id: "2", brand: "Switzerland", name: "Alpine Retreat", price: "", rating: 5, reviewCount: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/luxury-travel-agency/destination/destination5.webp" }
+                        ]}
+                    />
+                </div>
                 <FooterBaseCard
                     logoText="Luxuria"
                     columns={[]}
diff --git a/src/app/getting-around/page.tsx b/src/app/getting-around/page.tsx
index 7725c1d..a2fca5f 100644
--- a/src/app/getting-around/page.tsx
+++ b/src/app/getting-around/page.tsx
@@ -19,15 +19,17 @@ export default function GettingAroundPage() {
             ]}
             brandName="Luxuria"
         />
-        <LegalSection 
-            layout="page"
-            title="Getting Around"
-            subtitle="Transportation guide for our luxury destinations"
-            sections={[
-                { heading: "Private Transfers", content: { type: "paragraph", text: "We coordinate private chauffeur services and airport transfers to ensure a seamless arrival experience." } },
-                { heading: "Local Travel", content: { type: "numbered-list", items: ["Domestic flight connections", "Private yacht charters", "Luxury rental car options"] } }
-            ]}
-        />
+        <div id="getting-around">
+            <LegalSection 
+                layout="page"
+                title="Getting Around"
+                subtitle="Transportation guide for our luxury destinations"
+                sections={[
+                    { heading: "Private Transfers", content: { type: "paragraph", text: "We coordinate private chauffeur services and airport transfers to ensure a seamless arrival experience." } },
+                    { heading: "Local Travel", content: { type: "numbered-list", items: ["Domestic flight connections", "Private yacht charters", "Luxury rental car options"] } }
+                ]}
+            />
+        </div>
         <FooterBaseCard
             logoText="Luxuria"
             columns={[]}
diff --git a/src/app/visa-requirements/page.tsx b/src/app/visa-requirements/page.tsx
index fc63397..5a89a22 100644
--- a/src/app/visa-requirements/page.tsx
+++ b/src/app/visa-requirements/page.tsx
@@ -19,15 +19,17 @@ export default function VisaRequirementsPage() {
             ]}
             brandName="Luxuria"
         />
-        <LegalSection 
-            layout="page"
-            title="Visa Requirements"
-            subtitle="Essential information for your international travel"
-            sections={[
-                { heading: "Passport Validity", content: { type: "paragraph", text: "Most countries require your passport to be valid for at least six months beyond your planned departure date." } },
-                { heading: "Entry Permits", content: { type: "list", items: ["Visa on arrival eligibility", "E-visa application processes", "Consulate visa requirements for long-stay visits"] } }
-            ]}
-        />
+        <div id="visa">
+            <LegalSection 
+                layout="page"
+                title="Visa Requirements"
+                subtitle="Essential information for your international travel"
+                sections={[
+                    { heading: "Passport Validity", content: { type: "paragraph", text: "Most countries require your passport to be valid for at least six months beyond your planned departure date." } },
+                    { heading: "Entry Permits", content: { type: "list", items: ["Visa on arrival eligibility", "E-visa application processes", "Consulate visa requirements for long-stay visits"] } }
+                ]}
+            />
+        </div>
         <FooterBaseCard
             logoText="Luxuria"
             columns={[]}