src/components/Layout.tsx

@@ -1,5 +1,5 @@
 import FooterSimpleCard from '@/components/sections/footer/FooterSimpleCard';
-import NavbarFloating from '@/components/ui/NavbarFloating';
+import NavbarFloatingLogo from '@/components/ui/NavbarFloatingLogo';
 import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
 import SiteBackgroundSlot from "@/components/ui/SiteBackgroundSlot";
 import { Outlet } from 'react-router-dom';
@@ -31,6 +31,10 @@ export default function Layout() {
     "name": "Metrics",
     "href": "#metrics"
   },
+  {
+    "name": "Pricing",
+    "href": "#pricing"
+  },
   {
     "name": "Faq",
     "href": "#faq"
@@ -41,8 +45,9 @@ export default function Layout() {
     <StyleProvider buttonVariant="default" siteBackground="gridDots" heroBackground="gradientBars">
       <SiteBackgroundSlot />
       <SectionErrorBoundary name="navbar">
-        <NavbarFloating
+        <NavbarFloatingLogo
       logo="Fourieearthworks"
+      logoImageSrc="https://storage.googleapis.com/webild/users/user_3FUQa0ZWeM3nmyILoJWMMWG8CWg/uploaded-1782127565329-9f81y6uc.png"
       ctaButton={{
         text: "Get Quote",
         href: "#contact",

src/pages/HomePage.tsx

@@ -13,7 +13,8 @@ import TestimonialsSection from './HomePage/sections/Testimonials';
 import FaqSection from './HomePage/sections/Faq';
 import ContactSection from './HomePage/sections/Contact';
 
-export default function HomePage(): React.JSX.Element {
+
+import PricingSection from './HomePage/sections/Pricing';export default function HomePage(): React.JSX.Element {
   return (
 <>
   <HeroSection />
@@ -25,6 +26,7 @@ export default function HomePage(): React.JSX.Element {
   <ProductSection />
 
   <MetricsSection />
+      <PricingSection />
 
   <TestimonialsSection />
 

src/pages/HomePage/sections/Pricing.tsx

@@ -0,0 +1,25 @@
+import ImageOrVideo from '@/components/ui/ImageOrVideo';
+import ScrollReveal from '@/components/ui/ScrollReveal';
+
+export default function PricingSection() {
+  return (
+    <section data-webild-section="pricing" id="pricing" className="relative w-full py-24 bg-background">
+      <div className="w-content-width mx-auto">
+        <ScrollReveal variant="fade">
+          <div className="text-center mb-16">
+            <h2 className="text-4xl md:text-5xl font-bold text-foreground mb-4">Our Pricing</h2>
+            <p className="text-lg text-accent max-w-2xl mx-auto">Transparent pricing for all our services.</p>
+          </div>
+        </ScrollReveal>
+        <ScrollReveal variant="fade" delay={0.2}>
+          <div className="w-full max-w-4xl mx-auto rounded-lg overflow-hidden shadow-lg">
+            <ImageOrVideo 
+              imageSrc="https://storage.googleapis.com/webild/users/user_3FUQa0ZWeM3nmyILoJWMMWG8CWg/uploaded-1782127565331-lvd6pjbn.jpg" 
+              className="w-full h-auto object-contain"
+            />
+          </div>
+        </ScrollReveal>
+      </div>
+    </section>
+  );
+}