diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 8bcb178..0cabe03 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -22,49 +22,51 @@ export default function AboutPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-        <div id="nav" data-section="nav">
-          <NavbarStyleFullscreen
-            navItems={[
-              { name: "Home", id: "/" },
-              { name: "Templates", id: "/templates" },
-              { name: "Freebies", id: "/freebies" },
-              { name: "About", id: "/about" },
-              { name: "Admin", id: "/admin" },
-            ]}
-            brandName="BrightBytee Studios"
-          />
-        </div>
+        <div style={{ backgroundImage: "url('https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EACxAErYjKmkktsc1OnkSFxcSZ/uploaded-1779613980939-kyufwnfu.jpg')", backgroundSize: 'cover', backgroundAttachment: 'fixed' }}>
+          <div id="nav" data-section="nav">
+            <NavbarStyleFullscreen
+              navItems={[
+                { name: "Home", id: "/" },
+                { name: "Templates", id: "/templates" },
+                { name: "Freebies", id: "/freebies" },
+                { name: "About", id: "/about" },
+                { name: "Admin", id: "/admin" },
+              ]}
+              brandName="BrightBytee Studios"
+            />
+          </div>
 
-        <div id="team" data-section="team">
-          <TeamCardOne
-            animationType="depth-3d"
-            textboxLayout="default"
-            gridVariant="uniform-all-items-equal"
-            useInvertedBackground={false}
-            title="Meet The Visionaries"
-            description="Young innovators on a mission to reshape digital design."
-            members={[
-              { id: "t1", name: "Vihaan Shrivastava", role: "Founder & Creative Strategist", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-bearded-male-wearing-stylish-sui_613910-12110.jpg" },
-              { id: "t2", name: "Technical Architect", role: "Co-Founder", imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg" }
-            ]}
-          />
-        </div>
+          <div id="team" data-section="team">
+            <TeamCardOne
+              animationType="depth-3d"
+              textboxLayout="default"
+              gridVariant="uniform-all-items-equal"
+              useInvertedBackground={false}
+              title="Meet The Visionaries"
+              description="Young innovators on a mission to reshape digital design."
+              members={[
+                { id: "t1", name: "Vihaan Shrivastava", role: "Founder & Creative Strategist", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-bearded-male-wearing-stylish-sui_613910-12110.jpg" },
+                { id: "t2", name: "Technical Architect", role: "Co-Founder", imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg" }
+              ]}
+            />
+          </div>
 
-        <div id="about-studio" data-section="about-studio">
-          <TextSplitAbout
-            useInvertedBackground={false}
-            title="The BryteBytee Story"
-            description={[
-              "BrightBytee Studios was born out of a spark of curiosity and creativity. Started by two 16-year-old friends, we build digital experiences that feel bright, bold, and unforgettable.",              "Our mission is to democratize beautiful web design, making premium-quality website templates accessible to everyone in India — from solo entrepreneurs to growing businesses."
-            ]}
-          />
-        </div>
+          <div id="about-studio" data-section="about-studio">
+            <TextSplitAbout
+              useInvertedBackground={false}
+              title="The BryteBytee Story"
+              description={[
+                "BrightBytee Studios was born out of a spark of curiosity and creativity. Started by two 16-year-old friends, we build digital experiences that feel bright, bold, and unforgettable.",                "Our mission is to democratize beautiful web design, making premium-quality website templates accessible to everyone in India — from solo entrepreneurs to growing businesses."
+              ]}
+            />
+          </div>
 
-        <div id="footer" data-section="footer">
-          <FooterCard
-            logoText="BrightBytee Studios"
-            copyrightText="© 2025 BrightBytee Studios. All Rights Reserved."
-          />
+          <div id="footer" data-section="footer">
+            <FooterCard
+              logoText="BrightBytee Studios"
+              copyrightText="© 2025 BrightBytee Studios. All Rights Reserved."
+            />
+          </div>
         </div>
       </ReactLenis>
     </ThemeProvider>
diff --git a/src/app/admin/page.tsx b/src/app/admin/page.tsx
index 05b3f7e..fba4deb 100644
--- a/src/app/admin/page.tsx
+++ b/src/app/admin/page.tsx
@@ -22,47 +22,49 @@ export default function AdminPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-        <div id="nav" data-section="nav">
-          <NavbarStyleFullscreen
-            navItems={[
-              { name: "Home", id: "/" },
-              { name: "Templates", id: "/templates" },
-              { name: "Freebies", id: "/freebies" },
-              { name: "About", id: "/about" },
-              { name: "Admin", id: "/admin" },
-            ]}
-            brandName="BrightBytee Studios"
-          />
-        </div>
+        <div style={{ backgroundImage: "url('https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EACxAErYjKmkktsc1OnkSFxcSZ/uploaded-1779613980939-kyufwnfu.jpg')", backgroundSize: 'cover', backgroundAttachment: 'fixed' }}>
+          <div id="nav" data-section="nav">
+            <NavbarStyleFullscreen
+              navItems={[
+                { name: "Home", id: "/" },
+                { name: "Templates", id: "/templates" },
+                { name: "Freebies", id: "/freebies" },
+                { name: "About", id: "/about" },
+                { name: "Admin", id: "/admin" },
+              ]}
+              brandName="BrightBytee Studios"
+            />
+          </div>
 
-        <div id="about" data-section="about">
-          <MediaAbout
-            useInvertedBackground={false}
-            title="Admin Control Portal"
-            description="Securely manage templates, monitor sales, and view analytics for the entire studio ecosystem."
-            imageSrc="http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg"
-          />
-        </div>
+          <div id="about" data-section="about">
+            <MediaAbout
+              useInvertedBackground={false}
+              title="Admin Control Portal"
+              description="Securely manage templates, monitor sales, and view analytics for the entire studio ecosystem."
+              imageSrc="http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg"
+            />
+          </div>
 
-        <div id="pricing" data-section="pricing">
-          <PricingCardOne
-            animationType="slide-up"
-            textboxLayout="default"
-            useInvertedBackground={false}
-            title="Manage Operations"
-            description="Direct access to product lifecycle and customer support ticketing."
-            plans={[
-              { id: "a1", badge: "Analytics", price: "₹N/A", subtitle: "Live statistics", features: ["Sales Tracking", "Template Performance", "User Insights"] },
-              { id: "a2", badge: "Support", price: "₹N/A", subtitle: "Customer hub", features: ["Manage Tickets", "Refund Processing", "Priority Communications"] }
-            ]}
-          />
-        </div>
+          <div id="pricing" data-section="pricing">
+            <PricingCardOne
+              animationType="slide-up"
+              textboxLayout="default"
+              useInvertedBackground={false}
+              title="Manage Operations"
+              description="Direct access to product lifecycle and customer support ticketing."
+              plans={[
+                { id: "a1", badge: "Analytics", price: "₹N/A", subtitle: "Live statistics", features: ["Sales Tracking", "Template Performance", "User Insights"] },
+                { id: "a2", badge: "Support", price: "₹N/A", subtitle: "Customer hub", features: ["Manage Tickets", "Refund Processing", "Priority Communications"] }
+              ]}
+            />
+          </div>
 
-        <div id="footer" data-section="footer">
-          <FooterCard
-            logoText="BrightBytee Studios"
-            copyrightText="© 2025 BrightBytee Studios. All Rights Reserved."
-          />
+          <div id="footer" data-section="footer">
+            <FooterCard
+              logoText="BrightBytee Studios"
+              copyrightText="© 2025 BrightBytee Studios. All Rights Reserved."
+            />
+          </div>
         </div>
       </ReactLenis>
     </ThemeProvider>
diff --git a/src/app/freebies/page.tsx b/src/app/freebies/page.tsx
index 871c071..63e4596 100644
--- a/src/app/freebies/page.tsx
+++ b/src/app/freebies/page.tsx
@@ -22,47 +22,49 @@ export default function FreebiesPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-        <div id="nav" data-section="nav">
-          <NavbarStyleFullscreen
-            navItems={[
-              { name: "Home", id: "/" },
-              { name: "Templates", id: "/templates" },
-              { name: "Freebies", id: "/freebies" },
-              { name: "About", id: "/about" },
-              { name: "Admin", id: "/admin" },
-            ]}
-            brandName="BrightBytee Studios"
-          />
-        </div>
+        <div style={{ backgroundImage: "url('https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EACxAErYjKmkktsc1OnkSFxcSZ/uploaded-1779613980939-kyufwnfu.jpg')", backgroundSize: 'cover', backgroundAttachment: 'fixed' }}>
+          <div id="nav" data-section="nav">
+            <NavbarStyleFullscreen
+              navItems={[
+                { name: "Home", id: "/" },
+                { name: "Templates", id: "/templates" },
+                { name: "Freebies", id: "/freebies" },
+                { name: "About", id: "/about" },
+                { name: "Admin", id: "/admin" },
+              ]}
+              brandName="BrightBytee Studios"
+            />
+          </div>
 
-        <div id="about" data-section="about">
-          <MediaAbout
-            useInvertedBackground={false}
-            title="Free Tools for Creators"
-            description="Download our free templates and assets to jumpstart your creative journey today."
-            imageSrc="http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345424.jpg"
-          />
-        </div>
+          <div id="about" data-section="about">
+            <MediaAbout
+              useInvertedBackground={false}
+              title="Free Tools for Creators"
+              description="Download our free templates and assets to jumpstart your creative journey today."
+              imageSrc="http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345424.jpg"
+            />
+          </div>
 
-        <div id="pricing" data-section="pricing">
-          <PricingCardOne
-            animationType="slide-up"
-            textboxLayout="default"
-            useInvertedBackground={false}
-            title="Advanced Resource Packs"
-            description="Deep-dive into our premium code snippets and design systems."
-            plans={[
-              { id: "b1", badge: "Free", price: "₹0", subtitle: "Starter access", features: ["Limited Templates", "Basic Documentation"] },
-              { id: "b2", badge: "Pro", price: "₹1,999", subtitle: "Full access", features: ["All Freebies", "Exclusive Video Guides", "Source Files"] }
-            ]}
-          />
-        </div>
+          <div id="pricing" data-section="pricing">
+            <PricingCardOne
+              animationType="slide-up"
+              textboxLayout="default"
+              useInvertedBackground={false}
+              title="Advanced Resource Packs"
+              description="Deep-dive into our premium code snippets and design systems."
+              plans={[
+                { id: "b1", badge: "Free", price: "₹0", subtitle: "Starter access", features: ["Limited Templates", "Basic Documentation"] },
+                { id: "b2", badge: "Pro", price: "₹1,999", subtitle: "Full access", features: ["All Freebies", "Exclusive Video Guides", "Source Files"] }
+              ]}
+            />
+          </div>
 
-        <div id="footer" data-section="footer">
-          <FooterCard
-            logoText="BrightBytee Studios"
-            copyrightText="© 2025 BrightBytee Studios. All Rights Reserved."
-          />
+          <div id="footer" data-section="footer">
+            <FooterCard
+              logoText="BrightBytee Studios"
+              copyrightText="© 2025 BrightBytee Studios. All Rights Reserved."
+            />
+          </div>
         </div>
       </ReactLenis>
     </ThemeProvider>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index ca3c68e..40da6a8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -25,92 +25,94 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-        <div id="nav" data-section="nav">
-          <NavbarStyleFullscreen
-            navItems={[
-              { name: "Home", id: "/" },
-              { name: "Templates", id: "/templates" },
-              { name: "Freebies", id: "/freebies" },
-              { name: "About", id: "/about" },
-              { name: "Admin", id: "/admin" },
-            ]}
-            brandName="BrightBytee Studios"
-          />
-        </div>
+        <div style={{ backgroundImage: "url('https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EACxAErYjKmkktsc1OnkSFxcSZ/uploaded-1779613980939-kyufwnfu.jpg')", backgroundSize: 'cover', backgroundAttachment: 'fixed' }}>
+          <div id="nav" data-section="nav">
+            <NavbarStyleFullscreen
+              navItems={[
+                { name: "Home", id: "/" },
+                { name: "Templates", id: "/templates" },
+                { name: "Freebies", id: "/freebies" },
+                { name: "About", id: "/about" },
+                { name: "Admin", id: "/admin" },
+              ]}
+              brandName="BrightBytee Studios"
+            />
+          </div>
 
-        <div id="home-hero" data-section="home-hero">
-          <HeroSplitKpi
-            background={{ variant: "glowing-orb" }}
-            title="Bright Ideas, Powered by Bytes"
-            description="Premium, responsive HTML templates for startups, creators, and enterprises. Built for those who demand excellence."
-            kpis={[
-              { value: "500+", label: "Happy Customers" },
-              { value: "15+", label: "Industries Covered" },
-              { value: "24/7", label: "Instant Support" }
-            ]}
-            enableKpiAnimation={true}
-            imageSrc="http://img.b2bpic.net/free-photo/abstract-low-poly-background-with-connecting-dots-lines_1048-5910.jpg"
-            mediaAnimation="blur-reveal"
-          />
-        </div>
+          <div id="home-hero" data-section="home-hero">
+            <HeroSplitKpi
+              background={{ variant: "glowing-orb" }}
+              title="Bright Ideas, Powered by Bytes"
+              description="Premium, responsive HTML templates for startups, creators, and enterprises. Built for those who demand excellence."
+              kpis={[
+                { value: "500+", label: "Happy Customers" },
+                { value: "15+", label: "Industries Covered" },
+                { value: "24/7", label: "Instant Support" }
+              ]}
+              enableKpiAnimation={true}
+              imageSrc="http://img.b2bpic.net/free-photo/abstract-low-poly-background-with-connecting-dots-lines_1048-5910.jpg"
+              mediaAnimation="blur-reveal"
+            />
+          </div>
 
-        <div id="features" data-section="features">
-          <FeatureCardTwelve
-            animationType="slide-up"
-            textboxLayout="default"
-            useInvertedBackground={false}
-            features={[
-              { id: "f1", title: "Pixel-Perfect Design", label: "Design", items: ["Obsessive attention to detail", "Modern aesthetic", "Clean, efficient code"] },
-              { id: "f2", title: "Instant Delivery", label: "Delivery", items: ["No waiting time", "Secure downloads", "Productivity-focused"] },
-              { id: "f3", title: "Fully Responsive", label: "Responsive", items: ["Mobile-first approach", "Cross-device compatibility", "Seamless experiences"] }
-            ]}
-            title="Why Choose BrightBytee"
-            description="Templates engineered for performance, scale, and aesthetic brilliance."
-          />
-        </div>
+          <div id="features" data-section="features">
+            <FeatureCardTwelve
+              animationType="slide-up"
+              textboxLayout="default"
+              useInvertedBackground={false}
+              features={[
+                { id: "f1", title: "Pixel-Perfect Design", label: "Design", items: ["Obsessive attention to detail", "Modern aesthetic", "Clean, efficient code"] },
+                { id: "f2", title: "Instant Delivery", label: "Delivery", items: ["No waiting time", "Secure downloads", "Productivity-focused"] },
+                { id: "f3", title: "Fully Responsive", label: "Responsive", items: ["Mobile-first approach", "Cross-device compatibility", "Seamless experiences"] }
+              ]}
+              title="Why Choose BrightBytee"
+              description="Templates engineered for performance, scale, and aesthetic brilliance."
+            />
+          </div>
 
-        <div id="testimonials" data-section="testimonials">
-          <TestimonialCardTen
-            textboxLayout="default"
-            useInvertedBackground={true}
-            testimonials={[
-              { id: "m1", title: "Game Changer", quote: "The speed and quality of these templates saved us weeks of development.", name: "Aditya Rao", role: "Startup Founder", imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-curly-haired-lady-showing-thumb-up-park_1262-20821.jpg" },
-              { id: "m2", title: "Beautifully Built", quote: "Clean code and stunning UI, exactly what our agency needed.", name: "Priya Sharma", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151099212.jpg" },
-              { id: "m3", title: "Highly Recommended", quote: "Instant delivery and secure UPI payment made it hassle-free.", name: "Karan Mehra", role: "Freelancer", imageSrc: "http://img.b2bpic.net/free-photo/video-editor-worker-standing-front-camera-smiling-working-creative-agency-office-holding-la_482257-3426.jpg" },
-              { id: "m4", title: "Scalable Design", quote: "Perfect for our growing startup's web presence.", name: "Sneha Gupta", role: "Product Manager", imageSrc: "http://img.b2bpic.net/free-photo/man-browsing-digital-tablet-office_329181-15802.jpg" },
-              { id: "m5", title: "Excellent Quality", quote: "Top tier design quality at a fraction of the cost.", name: "Rohan Deshmukh", role: "Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg" }
-            ]}
-            title="Voices of Our Community"
-            description="What entrepreneurs and developers say about our templates."
-          />
-        </div>
+          <div id="testimonials" data-section="testimonials">
+            <TestimonialCardTen
+              textboxLayout="default"
+              useInvertedBackground={true}
+              testimonials={[
+                { id: "m1", title: "Game Changer", quote: "The speed and quality of these templates saved us weeks of development.", name: "Aditya Rao", role: "Startup Founder", imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-curly-haired-lady-showing-thumb-up-park_1262-20821.jpg" },
+                { id: "m2", title: "Beautifully Built", quote: "Clean code and stunning UI, exactly what our agency needed.", name: "Priya Sharma", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151099212.jpg" },
+                { id: "m3", title: "Highly Recommended", quote: "Instant delivery and secure UPI payment made it hassle-free.", name: "Karan Mehra", role: "Freelancer", imageSrc: "http://img.b2bpic.net/free-photo/video-editor-worker-standing-front-camera-smiling-working-creative-agency-office-holding-la_482257-3426.jpg" },
+                { id: "m4", title: "Scalable Design", quote: "Perfect for our growing startup's web presence.", name: "Sneha Gupta", role: "Product Manager", imageSrc: "http://img.b2bpic.net/free-photo/man-browsing-digital-tablet-office_329181-15802.jpg" },
+                { id: "m5", title: "Excellent Quality", quote: "Top tier design quality at a fraction of the cost.", name: "Rohan Deshmukh", role: "Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg" }
+              ]}
+              title="Voices of Our Community"
+              description="What entrepreneurs and developers say about our templates."
+            />
+          </div>
 
-        <div id="socialProof" data-section="socialProof">
-          <SocialProofOne
-            textboxLayout="default"
-            useInvertedBackground={false}
-            title="Trusted By Innovators"
-            description="Our templates are being used to build the future of Indian startups and beyond."
-            names={["TechCorp", "InnovateHub", "CreativeSolutions", "NextGen Digital", "StartupLaunch"]}
-          />
-        </div>
+          <div id="socialProof" data-section="socialProof">
+            <SocialProofOne
+              textboxLayout="default"
+              useInvertedBackground={false}
+              title="Trusted By Innovators"
+              description="Our templates are being used to build the future of Indian startups and beyond."
+              names={["TechCorp", "InnovateHub", "CreativeSolutions", "NextGen Digital", "StartupLaunch"]}
+            />
+          </div>
 
-        <div id="contact" data-section="contact">
-          <ContactSplit
-            useInvertedBackground={true}
-            background={{ variant: "plain" }}
-            tag="Contact Us"
-            title="Need Help or Have Questions?"
-            description="For any inquiries or technical support, please contact us via email at brightbyteestudios68@gmail.com."
-            imageSrc="http://img.b2bpic.net/free-photo/top-view-laptop-table-glowing-screen-dark_169016-52899.jpg"
-          />
-        </div>
+          <div id="contact" data-section="contact">
+            <ContactSplit
+              useInvertedBackground={true}
+              background={{ variant: "plain" }}
+              tag="Contact Us"
+              title="Need Help or Have Questions?"
+              description="For any inquiries or technical support, please contact us via email at brightbyteestudios68@gmail.com."
+              imageSrc="http://img.b2bpic.net/free-photo/top-view-laptop-table-glowing-screen-dark_169016-52899.jpg"
+            />
+          </div>
 
-        <div id="footer" data-section="footer">
-          <FooterCard
-            logoText="BrightBytee Studios"
-            copyrightText="© 2025 BrightBytee Studios. All Rights Reserved."
-          />
+          <div id="footer" data-section="footer">
+            <FooterCard
+              logoText="BrightBytee Studios"
+              copyrightText="© 2025 BrightBytee Studios. All Rights Reserved."
+            />
+          </div>
         </div>
       </ReactLenis>
     </ThemeProvider>
diff --git a/src/app/templates/page.tsx b/src/app/templates/page.tsx
index e69185d..12e3ab7 100644
--- a/src/app/templates/page.tsx
+++ b/src/app/templates/page.tsx
@@ -22,57 +22,59 @@ export default function TemplatesPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-        <div id="nav" data-section="nav">
-          <NavbarStyleFullscreen
-            navItems={[
-              { name: "Home", id: "/" },
-              { name: "Templates", id: "/templates" },
-              { name: "Freebies", id: "/freebies" },
-              { name: "About", id: "/about" },
-              { name: "Admin", id: "/admin" },
-            ]}
-            brandName="BrightBytee Studios"
-          />
-        </div>
+        <div style={{ backgroundImage: "url('https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EACxAErYjKmkktsc1OnkSFxcSZ/uploaded-1779613980939-kyufwnfu.jpg')", backgroundSize: 'cover', backgroundAttachment: 'fixed' }}>
+          <div id="nav" data-section="nav">
+            <NavbarStyleFullscreen
+              navItems={[
+                { name: "Home", id: "/" },
+                { name: "Templates", id: "/templates" },
+                { name: "Freebies", id: "/freebies" },
+                { name: "About", id: "/about" },
+                { name: "Admin", id: "/admin" },
+              ]}
+              brandName="BrightBytee Studios"
+            />
+          </div>
 
-        <div id="products" data-section="products">
-          <ProductCardOne
-            animationType="slide-up"
-            textboxLayout="default"
-            gridVariant="three-columns-all-equal-width"
-            useInvertedBackground={false}
-            title="Featured Templates"
-            description="Unlock your brand potential with premium, pre-built solutions."
-            products={[
-              { id: "p1", name: "SaaS Launchpad", price: "₹1,500", imageSrc: "http://img.b2bpic.net/free-photo/blank-screen-workspace-with-computer-laptop-table-night-copy-space_169016-57029.jpg" },
-              { id: "p2", name: "Agency Portfolio", price: "₹2,200", imageSrc: "http://img.b2bpic.net/free-photo/virtual-makeup-shopping_23-2151952958.jpg" },
-              { id: "p3", name: "Creative Agency Pro", price: "₹3,500", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320706.jpg" },
-              { id: "p4", name: "Startup Boilerplate", price: "₹500", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-set-rating-stars-isolated-white_107791-17634.jpg" },
-              { id: "p5", name: "E-Commerce Master", price: "₹4,000", imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543698.jpg" },
-              { id: "p6", name: "Minimalist Studio", price: "₹1,200", imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-lifestyle_23-2149636247.jpg" }
-            ]}
-          />
-        </div>
+          <div id="products" data-section="products">
+            <ProductCardOne
+              animationType="slide-up"
+              textboxLayout="default"
+              gridVariant="three-columns-all-equal-width"
+              useInvertedBackground={false}
+              title="Featured Templates"
+              description="Unlock your brand potential with premium, pre-built solutions."
+              products={[
+                { id: "p1", name: "SaaS Launchpad", price: "₹1,500", imageSrc: "http://img.b2bpic.net/free-photo/blank-screen-workspace-with-computer-laptop-table-night-copy-space_169016-57029.jpg" },
+                { id: "p2", name: "Agency Portfolio", price: "₹2,200", imageSrc: "http://img.b2bpic.net/free-photo/virtual-makeup-shopping_23-2151952958.jpg" },
+                { id: "p3", name: "Creative Agency Pro", price: "₹3,500", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320706.jpg" },
+                { id: "p4", name: "Startup Boilerplate", price: "₹500", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-set-rating-stars-isolated-white_107791-17634.jpg" },
+                { id: "p5", name: "E-Commerce Master", price: "₹4,000", imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543698.jpg" },
+                { id: "p6", name: "Minimalist Studio", price: "₹1,200", imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-lifestyle_23-2149636247.jpg" }
+              ]}
+            />
+          </div>
 
-        <div id="pricing" data-section="pricing">
-          <PricingCardOne
-            animationType="slide-up"
-            textboxLayout="default"
-            useInvertedBackground={false}
-            title="Transparent Pricing"
-            description="Choose a plan that fits your business needs."
-            plans={[
-              { id: "p1", badge: "Individual", price: "₹999", subtitle: "Perfect for beginners", features: ["Basic Support", "Lifetime Updates", "Single Project License"] },
-              { id: "p2", badge: "Business", price: "₹2,499", subtitle: "For scaling teams", features: ["Priority Support", "Unlimited Updates", "Team Collaboration"] }
-            ]}
-          />
-        </div>
+          <div id="pricing" data-section="pricing">
+            <PricingCardOne
+              animationType="slide-up"
+              textboxLayout="default"
+              useInvertedBackground={false}
+              title="Transparent Pricing"
+              description="Choose a plan that fits your business needs."
+              plans={[
+                { id: "p1", badge: "Individual", price: "₹999", subtitle: "Perfect for beginners", features: ["Basic Support", "Lifetime Updates", "Single Project License"] },
+                { id: "p2", badge: "Business", price: "₹2,499", subtitle: "For scaling teams", features: ["Priority Support", "Unlimited Updates", "Team Collaboration"] }
+              ]}
+            />
+          </div>
 
-        <div id="footer" data-section="footer">
-          <FooterCard
-            logoText="BrightBytee Studios"
-            copyrightText="© 2025 BrightBytee Studios. All Rights Reserved."
-          />
+          <div id="footer" data-section="footer">
+            <FooterCard
+              logoText="BrightBytee Studios"
+              copyrightText="© 2025 BrightBytee Studios. All Rights Reserved."
+            />
+          </div>
         </div>
       </ReactLenis>
     </ThemeProvider>