diff --git a/app/Support/Traits/GoogleApi.php b/app/Support/Traits/GoogleApi.php
index f318b4f..2d780df 100644
--- a/app/Support/Traits/GoogleApi.php
+++ b/app/Support/Traits/GoogleApi.php
@@ -11,11 +11,11 @@ trait GoogleApi
     public function getRecentReviews(): Collection
     {
         if (app()->environment('local')) {
-            return collect($this->getLocalReviews()['reviews'])->sortByDesc('rating')->take(3)->values();
+            return collect($this->getLocalReviews()['reviews'])->sortByDesc('rating')->take(5)->values();
         }
 
         return cache()->remember(CacheKeys::googleReviews(), (24 * 60) * 7,
-            fn () => collect($this->retrieveReviews())->sortByDesc('rating')->take(3)->values());
+            fn () => collect($this->retrieveReviews())->sortByDesc('rating')->take(5)->values());
     }
 
     protected function getLocalReviews(): array
diff --git a/config/framed.php b/config/framed.php
index d0de6ea..4d37181 100644
--- a/config/framed.php
+++ b/config/framed.php
@@ -32,7 +32,7 @@
     |
     */
 
-    'copyright' => '&copy; 1997-2025 All rights reserved.',
+    'copyright' => '&copy; 1997-2026 All rights reserved.',
 
     /*
     |--------------------------------------------------------------------------
diff --git a/public/images/framing/arrowheads.webp b/public/images/framing/arrowheads.webp
new file mode 100644
index 0000000..ebc5aae
Binary files /dev/null and b/public/images/framing/arrowheads.webp differ
diff --git a/public/images/framing/cat-painting.webp b/public/images/framing/cat-painting.webp
new file mode 100644
index 0000000..4d43714
Binary files /dev/null and b/public/images/framing/cat-painting.webp differ
diff --git a/public/images/framing/emu-art.webp b/public/images/framing/emu-art.webp
new file mode 100644
index 0000000..e454370
Binary files /dev/null and b/public/images/framing/emu-art.webp differ
diff --git a/public/images/framing/shadow-box.webp b/public/images/framing/shadow-box.webp
new file mode 100644
index 0000000..8b66238
Binary files /dev/null and b/public/images/framing/shadow-box.webp differ
diff --git a/public/images/logo-white.png b/public/images/logo-white.png
new file mode 100644
index 0000000..5d9d6bb
Binary files /dev/null and b/public/images/logo-white.png differ
diff --git a/public/images/logo.png b/public/images/logo.png
index 3b70b17..2159d4c 100644
Binary files a/public/images/logo.png and b/public/images/logo.png differ
diff --git a/resources/css/app.css b/resources/css/app.css
index b5c61c9..a4fc0fe 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -1,3 +1,7 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+html {
+    scroll-behavior: smooth;
+}
diff --git a/resources/views/components/layouts/app.blade.php b/resources/views/components/layouts/app.blade.php
index dacded6..3d4052d 100644
--- a/resources/views/components/layouts/app.blade.php
+++ b/resources/views/components/layouts/app.blade.php
@@ -45,7 +45,7 @@ function gtag(){dataLayer.push(arguments);}
     <script src="{{ asset('js/analytics.js') }}"></script>
 </head>
 <body class="font-mont font-medium antialiased">
-<main class="bg-secondary-100">
+<main class="bg-white">
     <x-banners.container />
 
     <div>
diff --git a/resources/views/components/layouts/footer.blade.php b/resources/views/components/layouts/footer.blade.php
index fd06a05..2667bc7 100644
--- a/resources/views/components/layouts/footer.blade.php
+++ b/resources/views/components/layouts/footer.blade.php
@@ -1,161 +1,154 @@
 <footer class="bg-primary-800">
-    <div class="container mx-auto p-0 md:p-8 xl:px-0">
-        <div class="mx-auto max-w-7xl px-6 pb-10 pt-16">
-            <div class="xl:grid xl:grid-cols-3 xl:gap-8">
-                <div class="space-y-4">
-                    <div>
-                        <a href="/">
-                            <div class="flex items-center space-x-2 text-2xl font-medium">
-                                @if (now()->month === 12)
-                                    <img src="{{ asset('images/christmas-logo.png') }}"
-                                         alt="FramedJustForYou logo"
-                                         aria-label="Application logo"
-                                         width="72" height="72" class="w-64">
-                                @else
-                                    <img src="{{ asset('images/logo.png') }}"
-                                         alt="FramedJustForYou logo"
-                                         aria-label="Application logo"
-                                         width="72" height="72" class="w-64">
-                                @endif
-                            </div>
+    <div class="mx-auto max-w-7xl px-6 py-12 lg:px-8">
+        <div class="xl:grid xl:grid-cols-3 xl:gap-8">
+            <div class="space-y-4">
+                <a href="/">
+                    @if (now()->month === 12)
+                        <img src="{{ asset('images/christmas-logo.png') }}"
+                             alt="FramedJustForYou logo"
+                             width="72" height="72" class="w-52">
+                    @else
+                        <img src="{{ asset('images/logo-white.png') }}"
+                             alt="FramedJustForYou logo"
+                             width="72" height="72" class="w-52">
+                    @endif
+                </a>
 
-                        </a>
-                    </div>
-                    <div class="max-w-md pr-16 text-md text-secondary-200">
-                        Your go to for Custom Framing on the Gold Coast.
+                <p class="text-sm text-secondary-300 max-w-xs">
+                    Your go-to destination for custom framing on the Gold Coast. Over three decades of craftsmanship.
+                </p>
+
+                <div class="flex space-x-3">
+                    <a href="https://www.instagram.com/framedjust4u/" target="_blank"
+                       class="text-secondary-400 hover:text-white transition-colors">
+                        <span class="sr-only">Instagram</span>
+                        <x-icons.socials.instagram/>
+                    </a>
+                    <a href="https://www.facebook.com/framedjustforyou/" target="_blank"
+                       class="text-secondary-400 hover:text-white transition-colors">
+                        <span class="sr-only">Facebook</span>
+                        <x-icons.socials.facebook/>
+                    </a>
+                </div>
+            </div>
+
+            <div class="mt-12 grid grid-cols-2 gap-8 xl:col-span-2 xl:mt-0">
+                <div class="md:grid md:grid-cols-2 md:gap-8">
+                    <div>
+                        <h3 class="text-sm font-semibold uppercase tracking-wider text-secondary-200">What we offer</h3>
+                        <ul role="list" class="mt-4 space-y-3">
+                            <li>
+                                <a href="{{route('custom-framing')}}"
+                                   class="text-sm text-secondary-400 hover:text-white transition-colors">
+                                    Custom Framing
+                                </a>
+                            </li>
+                            <li>
+                                <a href="{{route('printing')}}"
+                                   class="text-sm text-secondary-400 hover:text-white transition-colors">
+                                    Printing
+                                </a>
+                            </li>
+                        </ul>
                     </div>
-                    <div class="flex space-x-2">
-                        <a href="https://www.instagram.com/framedjust4u/" target="_blank"
-                           class="text-secondary-200 hover:text-secondary-200">
-                            <span class="sr-only">Instagram</span>
-                            <x-icons.socials.instagram/>
-                        </a>
-                        <a href="https://www.facebook.com/framedjustforyou/" target="_blank"
-                           class="text-secondary-200 hover:text-secondary-200">
-                            <span class="sr-only">Facebook</span>
-                            <x-icons.socials.facebook/>
-                        </a>
+                    <div class="mt-10 md:mt-0">
+                        <h3 class="text-sm font-semibold uppercase tracking-wider text-secondary-200">Our Services</h3>
+                        <ul role="list" class="mt-4 space-y-3">
+                            <li>
+                                <a href="{{route('services.framing.acrylic')}}"
+                                   class="text-sm text-secondary-400 hover:text-white transition-colors">
+                                    Acrylic
+                                </a>
+                            </li>
+                            <li>
+                                <a href="{{route('services.framing.canvas')}}"
+                                   class="text-sm text-secondary-400 hover:text-white transition-colors">
+                                    Canvas
+                                </a>
+                            </li>
+                            <li>
+                                <a href="{{route('services.framing.indigenous')}}"
+                                   class="text-sm text-secondary-400 hover:text-white transition-colors">
+                                    Indigenous Art
+                                </a>
+                            </li>
+                            <li>
+                                <a href="{{route('services.framing.jigsaw')}}"
+                                   class="text-sm text-secondary-400 hover:text-white transition-colors">
+                                    Jigsaws
+                                </a>
+                            </li>
+                            <li>
+                                <a href="{{route('services.framing.medals-memorabilia')}}"
+                                   class="text-sm text-secondary-400 hover:text-white transition-colors">
+                                    Medals & Memorabilia
+                                </a>
+                            </li>
+                        </ul>
                     </div>
                 </div>
-                <div class="mt-16 grid grid-cols-2 gap-8 xl:col-span-2 xl:mt-0">
-                    <div class="md:grid md:grid-cols-2 md:gap-8">
-                        <div>
-                            <h3 class="text-md font-semibold leading-6 text-white">What we offer</h3>
-                            <ul role="list" class="mt-6 space-y-4">
-                                <li>
-                                    <a href="{{route('custom-framing')}}"
-                                       class="text-md leading-6 text-secondary-300 hover:text-secondary-50">
-                                        Custom Framing
-                                    </a>
-                                </li>
-                                <li>
-                                    <a href="{{route('printing')}}"
-                                       class="text-md leading-6 text-secondary-300 hover:text-secondary-50">
-                                        Printing
-                                    </a>
-                                </li>
-                            </ul>
-                        </div>
-                        <div class="mt-10 md:mt-0">
-                            <h3 class="text-md font-semibold leading-6 text-white">Our Services</h3>
-                            <ul role="list" class="mt-6 space-y-4">
-                                <li>
-                                    <a href="{{route('services.framing.acrylic')}}"
-                                       class="text-md leading-6 text-secondary-300 hover:text-secondary-50">
-                                        Acrylic
-                                    </a>
-                                </li>
-                                <li>
-                                    <a href="{{route('services.framing.canvas')}}"
-                                       class="text-md leading-6 text-secondary-300 hover:text-secondary-50">
-                                        Canvas
-                                    </a>
-                                </li>
-                                <li>
-                                    <a href="{{route('services.framing.indigenous')}}"
-                                       class="text-md leading-6 text-secondary-300 hover:text-secondary-50">
-                                        Indigenous Art
-                                    </a>
-                                </li>
-                                <li>
-                                    <a href="{{route('services.framing.jigsaw')}}"
-                                       class="text-md leading-6 text-secondary-300 hover:text-secondary-50">
-                                        Jigsaws
-                                    </a>
-                                </li>
-                                <li>
-                                    <a href="{{route('services.framing.medals-memorabilia')}}"
-                                       class="text-md leading-6 text-secondary-300 hover:text-secondary-50">
-                                        Medals & Memorabilia
-                                    </a>
-                                </li>
-                            </ul>
-                        </div>
+                <div class="md:grid md:grid-cols-2 md:gap-8">
+                    <div>
+                        <ul role="list" class="mt-9 space-y-3">
+                            <li>
+                                <a href="{{route('services.framing.mirror')}}"
+                                   class="text-sm text-secondary-400 hover:text-white transition-colors">
+                                    Mirror
+                                </a>
+                            </li>
+                            <li>
+                                <a href="{{route('services.framing.prints-posters')}}"
+                                   class="text-sm text-secondary-400 hover:text-white transition-colors">
+                                    Prints Posters & Photos
+                                </a>
+                            </li>
+                            <li>
+                                <a href="{{route('services.framing.handcrafted')}}"
+                                   class="text-sm text-secondary-400 hover:text-white transition-colors">
+                                    Handcrafted Artwork
+                                </a>
+                            </li>
+                            <li>
+                                <a href="{{route('services.framing.restorations')}}"
+                                   class="text-sm text-secondary-400 hover:text-white transition-colors">
+                                    Restorations
+                                </a>
+                            </li>
+                        </ul>
                     </div>
-                    <div class="md:grid md:grid-cols-2 md:gap-8">
-                        <div>
-                            <ul role="list" class="mt-12 space-y-4">
-                                <li>
-                                    <a href="{{route('services.framing.mirror')}}"
-                                       class="text-md leading-6 text-secondary-300 hover:text-secondary-50">
-                                        Mirror
-                                    </a>
-                                </li>
-                                <li>
-                                    <a href="{{route('services.framing.prints-posters')}}"
-                                       class="text-md leading-6 text-secondary-300 hover:text-secondary-50">
-                                        Prints Posters & Photos
-                                    </a>
-                                </li>
-                                <li>
-                                    <a href="{{route('services.framing.handcrafted')}}"
-                                       class="text-md leading-6 text-secondary-300 hover:text-secondary-50">
-                                        Handcrafted Artwork
-                                    </a>
-                                </li>
-                                <li>
-                                    <a href="{{route('services.framing.restorations')}}"
-                                       class="text-md leading-6 text-secondary-300 hover:text-secondary-50">
-                                        Restorations
-                                    </a>
-                                </li>
-                            </ul>
-                        </div>
-                        <div class="mt-10 md:mt-0">
-                            <h3 class="text-md font-semibold leading-6 text-white">The Business</h3>
-                            <ul role="list" class="mt-6 space-y-4">
-                                <li>
-                                    <a href="{{route('about')}}"
-                                       class="text-md leading-6 text-secondary-300 hover:text-secondary-50">
-                                        About us
-                                    </a>
-                                </li>
-                                <li>
-                                    <a href="{{route('contact')}}"
-                                       class="text-md leading-6 text-secondary-300 hover:text-secondary-50">
-                                        Contact us
-                                    </a>
-                                </li>
-                                <li>
-                                    <a href="{{route('privacy-policy')}}"
-                                       class="text-md leading-6 text-secondary-300 hover:text-secondary-50">
-                                        Privacy Policy
-                                    </a>
-                                </li>
-                            </ul>
-                        </div>
+                    <div class="mt-10 md:mt-0">
+                        <h3 class="text-sm font-semibold uppercase tracking-wider text-secondary-200">The Business</h3>
+                        <ul role="list" class="mt-4 space-y-3">
+                            <li>
+                                <a href="{{route('about')}}"
+                                   class="text-sm text-secondary-400 hover:text-white transition-colors">
+                                    About us
+                                </a>
+                            </li>
+                            <li>
+                                <a href="{{route('contact')}}"
+                                   class="text-sm text-secondary-400 hover:text-white transition-colors">
+                                    Contact us
+                                </a>
+                            </li>
+                            <li>
+                                <a href="{{route('privacy-policy')}}"
+                                   class="text-sm text-secondary-400 hover:text-white transition-colors">
+                                    Privacy Policy
+                                </a>
+                            </li>
+                        </ul>
                     </div>
                 </div>
             </div>
-            <div class="mt-16 border-t border-secondary-400/30 pt-8 sm:mt-20 lg:mt-24">
-                <div class="text-md text-center text-white">
-                    {!! config('framed.copyright')  !!}
-                    <span class="text-secondary-50">♥</span> by Framing enthusiasts at
-                    <a rel="noopener" href="/">
-                        Framed Just For You.
-                    </a>
-                </div>
-            </div>
+        </div>
+
+        <div class="mt-12 border-t border-secondary-600/30 pt-8">
+            <p class="text-sm text-center text-secondary-400">
+                {!! config('framed.copyright')  !!}
+                Made with <span class="text-primary-400">&hearts;</span> by framing enthusiasts at
+                <a href="/" class="text-secondary-300 hover:text-white transition-colors">Framed Just For You</a>.
+            </p>
         </div>
     </div>
 </footer>
diff --git a/resources/views/components/links/mega-menu-link.blade.php b/resources/views/components/links/mega-menu-link.blade.php
index efd16f0..58e58ab 100644
--- a/resources/views/components/links/mega-menu-link.blade.php
+++ b/resources/views/components/links/mega-menu-link.blade.php
@@ -1,7 +1,7 @@
 <a
     {{
         $attributes->merge([
-            'class' => 'text-secondary-500 flex text-md my-4 items-center hover:underline decoration-secondary-500 underline-offset-2 ' .  ($active ? '!underline' : '')
+            'class' => 'flex text-sm my-3 items-center transition-colors ' . ($active ? 'text-primary-500 font-medium' : 'text-secondary-600 hover:text-primary-500')
         ])
     }}
     href="{{$href}}"
diff --git a/resources/views/components/links/nav.blade.php b/resources/views/components/links/nav.blade.php
index c28d51e..bcb74f3 100644
--- a/resources/views/components/links/nav.blade.php
+++ b/resources/views/components/links/nav.blade.php
@@ -1,6 +1,6 @@
 <a
     href="{{$href}}"
-    class="text-white flex text-lg decoration-2 items-center hover:underline underline-offset-2 {{ $active ? '!underline' : '' }}"
+    class="flex text-base font-medium items-center transition-colors {{ $active ? 'text-primary-500 font-semibold' : 'text-secondary-700 hover:text-primary-500' }}"
 >
     {{ $slot }}
 </a>
diff --git a/resources/views/components/links/services-mega-menu.blade.php b/resources/views/components/links/services-mega-menu.blade.php
index 7467a20..51eb8da 100644
--- a/resources/views/components/links/services-mega-menu.blade.php
+++ b/resources/views/components/links/services-mega-menu.blade.php
@@ -57,7 +57,7 @@
 >
     <div x-on:click="open = !open" x-on:mouseenter="open = true">
         <span
-            class="text-white mt-1.5 flex text-lg cursor-pointer decoration-2 items-center hover:underline underline-offset-4"
+            class="flex text-base font-medium items-center cursor-pointer transition-colors text-secondary-700 hover:text-primary-500"
         >
             Services
             <div x-bind:class="{ 'rotate-180': open }" class="ml-0.5 mt-0.5 transform duration-300">
@@ -69,13 +69,12 @@ class="text-white mt-1.5 flex text-lg cursor-pointer decoration-2 items-center h
     {{--  Mobile  --}}
     <div x-show="open" x-on:click="open = false" x-cloak class="flex lg:hidden">
         <div class="flex w-full pl-2">
-            <div class="grid sm:grid-cols-2 w-full border-secondary-200">
+            <div class="grid sm:grid-cols-2 w-full">
                 <div>
                     @foreach ($customLinks_1 as $link)
                         <x-links.mega-menu-link
                             href="{{$link['href']}}"
                             active="{{$link['active']}}"
-                            class="!text-secondary-200 !decoration-secondary-200"
                         >
                             {{ $link['name'] }}
                         </x-links.mega-menu-link>
@@ -87,7 +86,6 @@ class="!text-secondary-200 !decoration-secondary-200"
                         <x-links.mega-menu-link
                             href="{{$link['href']}}"
                             active="{{$link['active']}}"
-                            class="!text-secondary-200 !decoration-secondary-200"
                         >
                             {{ $link['name'] }}
                         </x-links.mega-menu-link>
@@ -95,7 +93,6 @@ class="!text-secondary-200 !decoration-secondary-200"
                     <x-links.mega-menu-link
                         href="{{route('services.other')}}"
                         active="{{request()->route()?->getName() === 'services.other'}}"
-                        class="!text-secondary-200 !decoration-secondary-200"
                     >
                         Other
                     </x-links.mega-menu-link>
@@ -112,10 +109,10 @@ class="absolute right-24 z-50 hidden lg:flex"
     >
         <div class="w-fit ml-auto shadow-2xl">
             <div
-                class="bg-secondary-50 rounded-lg shadow-xl px-4 mx-auto md:flex hidden max-w-7xl w-full"
+                class="bg-white rounded-lg shadow-xl px-4 mx-auto md:flex hidden max-w-7xl w-full border border-secondary-200"
             >
                 <div class="flex w-full">
-                    <div class="grid grid-cols-2 gap-y-4 w-full border-secondary-200">
+                    <div class="grid grid-cols-2 gap-y-4 w-full">
                         <div>
                             @foreach ($customLinks_1 as $link)
                                 <x-links.mega-menu-link
diff --git a/resources/views/components/navigation.blade.php b/resources/views/components/navigation.blade.php
index b7ad3b7..28bef0d 100644
--- a/resources/views/components/navigation.blade.php
+++ b/resources/views/components/navigation.blade.php
@@ -1,64 +1,59 @@
-<nav>
+<nav class="sticky top-0 z-40 bg-white border-b border-secondary-200 shadow-sm">
     <div
         x-data="{
             sidebarOpen: false
         }"
     >
-        <div class="bg-gradient-to-r from-primary-700 to-primary-500">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
             <div
-                class="relative flex w-full items-center justify-between lg:border-b lg:border-primary-400 lg:border-opacity-25"
+                class="flex items-center justify-between h-16 md:h-20"
             >
-                <div class="grid grid-cols-3 w-full">
-                    <div class="w-52 md:w-72 col-span-1 px-2 pb-2">
-                        <x-app-logo/>
-                    </div>
+                <div class="w-48 md:w-56 shrink-0">
+                    <x-app-logo/>
+                </div>
 
-                    <div class="hidden lg:block my-auto col-span-2">
-                        <div class="flex gap-4 xl:gap-x-8 justify-end pr-8">
-                            <x-links.nav
-                                href="{{ route('home') }}"
-                                active="{{ request()->route()?->getName() === 'home' }}"
-                            >
-                                Home
-                            </x-links.nav>
+                <div class="hidden lg:flex items-center gap-6 xl:gap-8">
+                    <x-links.nav
+                        href="{{ route('home') }}"
+                        active="{{ request()->route()?->getName() === 'home' }}"
+                    >
+                        Home
+                    </x-links.nav>
 
-                            <x-links.nav
-                                href="{{ route('about') }}"
-                                active="{{ request()->route()?->getName() === 'about' }}"
-                            >
-                                About
-                            </x-links.nav>
+                    <x-links.nav
+                        href="{{ route('about') }}"
+                        active="{{ request()->route()?->getName() === 'about' }}"
+                    >
+                        About
+                    </x-links.nav>
 
-                            <x-links.nav
-                                href="{{ route('custom-framing') }}"
-                                active="{{ request()->route()?->getName() === 'custom-framing' }}"
-                            >
-                                Custom Framing
-                            </x-links.nav>
+                    <x-links.nav
+                        href="{{ route('custom-framing') }}"
+                        active="{{ request()->route()?->getName() === 'custom-framing' }}"
+                    >
+                        Custom Framing
+                    </x-links.nav>
 
-                            <x-links.nav
-                                href="{{ route('printing') }}"
-                                active="{{ request()->route()?->getName() === 'printing' }}"
-                            >
-                                Printing
-                            </x-links.nav>
+                    <x-links.nav
+                        href="{{ route('printing') }}"
+                        active="{{ request()->route()?->getName() === 'printing' }}"
+                    >
+                        Printing
+                    </x-links.nav>
 
-                            <x-links.services-mega-menu/>
+                    <x-links.services-mega-menu/>
 
-                            <a
-                                href="{{ route('contact') }}"
-                                class="bg-primary-600 p-2 rounded text-white hover:bg-primary-700 transition"
-                            >
-                                Contact
-                            </a>
-                        </div>
-                    </div>
+                    <a
+                        href="{{ route('contact') }}"
+                        class="bg-primary-500 px-4 py-2 rounded-lg text-white font-medium hover:bg-primary-600 transition-colors"
+                    >
+                        Contact
+                    </a>
                 </div>
 
-                <div class="flex lg:hidden pr-5">
-                    <!-- Mobile menu button -->
+                <div class="flex lg:hidden">
                     <button
-                        class="relative inline-flex items-center justify-center rounded-md bg-primary-600 p-2 text-primary-200 hover:bg-primary-500 hover:bg-opacity-75 hover:text-white focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-primary-600"
+                        class="relative inline-flex items-center justify-center rounded-md p-2 text-secondary-600 hover:bg-secondary-100 hover:text-secondary-800 transition-colors focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2"
                     >
                         <span class="sr-only">Open main menu</span>
 
@@ -74,9 +69,9 @@ class="relative inline-flex items-center justify-center rounded-md bg-primary-60
             </div>
         </div>
 
-        <div x-show="sidebarOpen" x-transition class="lg:hidden absolute w-full z-30 bg-primary-600">
-            <div>
-                <div class="space-y-4 px-2 my-4">
+        <div x-show="sidebarOpen" x-transition class="lg:hidden absolute w-full z-30 bg-white border-b border-secondary-200 shadow-lg">
+            <div class="max-w-7xl mx-auto px-4 sm:px-6">
+                <div class="space-y-3 py-4">
                     <x-links.nav
                         href="{{ route('home') }}"
                         active="{{ request()->route()?->getName() === 'home' }}"
diff --git a/resources/views/pages/about.blade.php b/resources/views/pages/about.blade.php
index 720c1b0..6483237 100644
--- a/resources/views/pages/about.blade.php
+++ b/resources/views/pages/about.blade.php
@@ -2,7 +2,7 @@
 @section('description', 'Meet the team of Framed Just For You and find out how this Australian owned & operated business started.')
 
 <x-layouts.app>
-    <x-section.section class="!bg-gradient-to-tl !from-white !to-primary-50">
+    <x-section.section class="py-16">
         <x-section.wrapper>
             <x-section.content>
                 <x-slot name="title">
diff --git a/resources/views/pages/home.blade.php b/resources/views/pages/home.blade.php
index 31d47b0..2140c8f 100644
--- a/resources/views/pages/home.blade.php
+++ b/resources/views/pages/home.blade.php
@@ -3,63 +3,109 @@
         <div class="relative z-20">
             <x-image
                 src="/store/store-front-right.webp"
-                class="object-cover min-h-[300px] sm:min-h-[400px] md:min-h-[500px] lg:min-h-[600px] xl:min-h-[700px] w-full object-bottom xl:object-center"
+                class="object-cover min-h-[400px] sm:min-h-[400px] md:min-h-[400px] lg:min-h-[450px] xl:min-h-[500px] w-full" style="object-position: center 65%"
                 alt="Store Front Image"
             />
-            <div class="absolute inset-0 bg-black/75">
-                <div
-                    class="flex justify-end md:pt-12 pr-12 md:pr-24 text-white text-md md:text-xl uppercase py-4 md:py-0">
-                    Call us at
+            <div class="absolute inset-0 bg-black/70">
+                <div class="flex flex-col justify-center h-full max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+                    <x-heading variant="overline">
+                        Your Custom Framers
+                    </x-heading>
+
+                    <h1 class="text-3xl sm:text-5xl md:text-6xl text-white mt-2 font-bold">
+                        Framed Just <br> For You
+                    </h1>
+
+                    <p class="text-secondary-300 mt-3 text-base sm:text-lg max-w-lg">
+                        Over three decades of craftsmanship on the Gold Coast. Preserving your cherished memories, beautifully.
+                    </p>
+
+                    <div class="flex flex-wrap gap-3 mt-6 sm:mt-8">
+                        <a
+                            href="{{ route('contact') }}"
+                            class="bg-primary-500 px-4 py-2 sm:px-6 sm:py-3 rounded-lg text-white text-sm sm:text-base font-semibold hover:bg-primary-600 transition-colors"
+                        >
+                            Get a Quote
+                        </a>
+                        <a
+                            href="{{ route('custom-framing') }}"
+                            class="border-2 border-white px-4 py-2 sm:px-6 sm:py-3 rounded-lg text-white text-sm sm:text-base font-semibold hover:bg-white hover:text-secondary-800 transition-colors"
+                        >
+                            Our Services
+                        </a>
+                    </div>
+
                     <a
                         href="tel:0412068330"
-                        class="pl-2 text-primary-400">
-                        {{ config('framed.contact.telephone') }}
+                        class="mt-6 text-secondary-400 text-sm hover:text-white transition-colors"
+                    >
+                        Or call us at {{ config('framed.contact.telephone') }}
                     </a>
                 </div>
-
-                <div class="md:flex px-6 md:px-16">
-                    <div class="w-full md:w-1/2">
-                        <x-heading variant="overline">
-                            Your Custom Framers
-                        </x-heading>
-
-                        <h1 class="text-3xl sm:text-5xl md:text-6xl text-white mt-2"> Framed Just <br> For You</h1>
-                    </div>
-
-                </div>
             </div>
         </div>
     @endsection
 
-{{--    <x-contact.open-times />--}}
-
-    <x-section.section class="mt-12 !bg-secondary-50">
+    {{-- Why Us — stat row + brief intro --}}
+    <x-section.section class="py-16">
         <x-section.wrapper>
-            <x-cards.feature image-position="right">
-                <x-slot name="title">
+            <div class="text-center max-w-2xl mx-auto mb-12">
+                <x-heading variant="strikethrough">
                     Why Us?
-                </x-slot>
-
-                <x-slot name="image">
-                    <x-image
-                        src="/store/store-front-new.webp"
-                        class="object-cover w-full border-4 border-secondary-100 rounded"
-                        alt="Framed Just For You Team Photo"
-                    />
-                </x-slot>
+                </x-heading>
+                <p class="text-secondary-500 mt-6 leading-relaxed">
+                    At Framed Just For You, we're more than a framing business — we're a local institution
+                    with a passion for preserving your cherished memories in the most beautiful way.
+                </p>
+            </div>
 
-                <x-slot name="content">
-                    At Framed Just For You, we are more than just a framing business; we are a local institution
-                    with a passion for preserving your
-                    cherished memories in the most beautiful and meaningful way. With over three decades of
-                    experience, we have been the go-to destination
-                    for custom framing on the Gold Coast.
-                </x-slot>
-            </x-cards.feature>
+            <div
+                class="grid grid-cols-2 md:grid-cols-4 gap-6 lg:w-3/4 mx-auto"
+                x-data="{ shown: false }"
+                x-intersect.once="shown = true"
+            >
+                <div class="text-center">
+                    <div
+                        class="text-3xl md:text-4xl font-bold text-primary-500"
+                        x-data="{ val: 0 }"
+                        x-effect="if (shown) { let end = 30; let step = Math.ceil(end / 30); let i = setInterval(() => { val += step; if (val >= end) { val = end; clearInterval(i); } }, 40); }"
+                        x-text="val + '+'"
+                    >0</div>
+                    <div class="text-sm text-secondary-500 mt-1">Years Experience</div>
+                </div>
+                <div class="text-center">
+                    <div
+                        class="text-3xl md:text-4xl font-bold text-primary-500"
+                        x-data="{ val: 0 }"
+                        x-effect="if (shown) { let end = 10; let step = 1; let i = setInterval(() => { val += step; if (val >= end) { val = end; clearInterval(i); } }, 80); }"
+                        x-text="val + '+'"
+                    >0</div>
+                    <div class="text-sm text-secondary-500 mt-1">Framing Services</div>
+                </div>
+                <div class="text-center">
+                    <div
+                        class="text-3xl md:text-4xl font-bold text-primary-500"
+                        x-data="{ val: 0 }"
+                        x-effect="if (shown) { let end = 5; let step = 1; let i = setInterval(() => { val += step; if (val >= end) { val = end; clearInterval(i); } }, 150); }"
+                        x-text="val"
+                    >0</div>
+                    <div class="text-sm text-secondary-500 mt-1">Star Reviews</div>
+                </div>
+                <div class="text-center">
+                    <div
+                        class="text-3xl md:text-4xl font-bold text-primary-500"
+                        x-data="{ val: 0 }"
+                        x-effect="if (shown) { let end = 100; let step = Math.ceil(end / 25); let i = setInterval(() => { val += step; if (val >= end) { val = end; clearInterval(i); } }, 30); }"
+                        x-text="val + '%'"
+                    >0</div>
+                    <div class="text-sm text-secondary-500 mt-1">Gold Coast Local</div>
+                </div>
+            </div>
         </x-section.wrapper>
     </x-section.section>
 
-    <x-section.section class="!bg-secondary-100 mt-12">
+    {{-- What we offer --}}
+    <x-section.section class="!bg-secondary-50 py-16">
         <x-section.wrapper>
             <x-section.content>
                 <x-slot name="title">
@@ -67,195 +113,327 @@ class="object-cover w-full border-4 border-secondary-100 rounded"
                 </x-slot>
 
                 <x-slot name="content">
-                    <div>
-                        <p>
-                            Our team comprises skilled artisans who understand the value of your keepsakes,
-                            whether it's artwork, photographs, needlework, or memorabilia.
-                            We take pride in our craftsmanship and attention to detail, ensuring that each piece we
-                            frame becomes a work of art in itself.
-                        </p>
-
-                        <x-section.divider/>
-
-                        <div class="grid sm:grid-cols-2 md:grid-cols-3 lg:w-3/4 mx-auto gap-4">
-                            <x-cards.image-link
-                                src="/framing/flinders.webp"
-                                title="Custom Framing"
-                                alt="Custom Framing: Flinders Range"
-                                href="{{ route('custom-framing') }}"
-                                loading="lazy"
-                            />
+                    <p>
+                        Our team comprises skilled artisans who understand the value of your keepsakes,
+                        whether it's artwork, photographs, needlework, or memorabilia.
+                        We take pride in our craftsmanship and attention to detail, ensuring that each piece we
+                        frame becomes a work of art in itself.
+                    </p>
 
-                            <x-cards.image-link
-                                src="/canvas/tiger-canvas.webp"
-                                title="Printing & Canvas"
-                                alt="Printing & Canvas: Tiger on a canvas"
-                                href="{{ route('printing') }}"
-                                loading="lazy"
-                            />
+                    <x-section.divider/>
 
-                            <x-cards.image-link
-                                src="/restorations/reprint-and-frame.webp"
-                                title="Restorations & Repairs"
-                                alt="Restorations & Repairs: Restored wedding photo"
-                                href="{{ route('services.framing.restorations') }}"
-                                loading="lazy"
-                            />
-                        </div>
+                    <div class="grid sm:grid-cols-2 md:grid-cols-3 lg:w-3/4 mx-auto gap-4">
+                        <x-cards.image-link
+                            src="/framing/flinders.webp"
+                            title="Custom Framing"
+                            alt="Custom Framing: Flinders Range"
+                            href="{{ route('custom-framing') }}"
+                            loading="lazy"
+                        />
 
-                        <div class="text-secondary-500 text-center mt-6">
-                            and so much more...
-                        </div>
+                        <x-cards.image-link
+                            src="/canvas/tiger-canvas.webp"
+                            title="Printing & Canvas"
+                            alt="Printing & Canvas: Tiger on a canvas"
+                            href="{{ route('printing') }}"
+                            loading="lazy"
+                        />
+
+                        <x-cards.image-link
+                            src="/restorations/reprint-and-frame.webp"
+                            title="Restorations & Repairs"
+                            alt="Restorations & Repairs: Restored wedding photo"
+                            href="{{ route('services.framing.restorations') }}"
+                            loading="lazy"
+                        />
+                    </div>
+
+                    <div class="text-secondary-500 text-center mt-6">
+                        and so much more...
                     </div>
                 </x-slot>
             </x-section.content>
         </x-section.wrapper>
     </x-section.section>
 
-    <x-section.section class="mt-12 !bg-secondary-50">
+    {{-- How it works --}}
+    <x-section.section class="py-16">
         <x-section.wrapper>
-            <div class="lg:relative">
-                <x-cards.feature image-position="left">
-                    <x-slot name="image">
-                        <x-image
-                            src="/store/front.png"
-                            class="object-cover w-full border-4 border-secondary-100 rounded"
-                            alt="Inside Framed Just For You"
-                            loading="lazy"
-                        />
-                    </x-slot>
-
-                    <x-slot name="content">
-                        In our ever-evolving journey, Framed Just For You continues to embrace innovation and
-                        creativity in the world of custom framing.
-                        We understand that art and design are constantly evolving, and we strive to stay at the
-                        forefront of industry trends.
-                    </x-slot>
-                </x-cards.feature>
+            <div class="text-center mb-12">
+                <x-heading variant="strikethrough">
+                    How it works
+                </x-heading>
             </div>
-        </x-section.wrapper>
-        <!--        <x-section.wrapper>
-                    <div class="text-center">
-                        <h2 class="font-bold text-3xl text-black">
-                            Relay For Life: 2024
-                        </h2>
-
-                        <div class="lg:w-1/2 mx-auto text-secondary-500">
-                            <div class="py-4">
-                                <p>
-                                    Framed Just For You is excited to participate in Relay For Life this year! As a team, we've
-                                    all been impacted by cancer in some way, and we're coming together to honor our loved ones
-                                    who have been affected. This event is a powerful way to remember those we've lost, support
-                                    those who are fighting, and celebrate those who have overcome cancer. Your support would
-                                    mean the world to us! Join us in the fight against cancer!
-                                </p>
-
-                                <p class="font-semibold">
-                                    To sponsor our team this year you can follow this QR code
-                                </p>
-                            </div>
 
-                            <x-image
-                                src="/relay-2024-qr-code.jpg"
-                                alt="QR code for our Relay for Life team in 2024"
-                                class="mx-auto mb-6 size-44"
-                            />
+            <div class="grid md:grid-cols-3 gap-8 lg:w-4/5 mx-auto">
+                <div class="text-center px-4">
+                    <div class="w-14 h-14 rounded-full bg-primary-100 text-primary-600 flex items-center justify-center mx-auto text-xl font-bold">
+                        1
+                    </div>
+                    <h3 class="text-lg font-semibold text-secondary-800 mt-4">Bring your piece in</h3>
+                    <p class="text-secondary-500 mt-2 text-sm leading-relaxed">
+                        Visit our Labrador store with your artwork, photo, memorabilia, or anything you'd like framed.
+                    </p>
+                </div>
 
-                            <a href="https://www.relayforlife.org.au/fundraisers/framedjustforyou"
-                               class="bg-relay rounded px-2 py-4 text-relay-text font-semibold hover:text-white hover:bg-relay-hover transition">
-                                or click here
-                            </a>
-                        </div>
+                <div class="text-center px-4">
+                    <div class="w-14 h-14 rounded-full bg-primary-100 text-primary-600 flex items-center justify-center mx-auto text-xl font-bold">
+                        2
+                    </div>
+                    <h3 class="text-lg font-semibold text-secondary-800 mt-4">We design your frame</h3>
+                    <p class="text-secondary-500 mt-2 text-sm leading-relaxed">
+                        Our team works with you to choose the perfect frame, mat, and glass to complement your piece.
+                    </p>
+                </div>
+
+                <div class="text-center px-4">
+                    <div class="w-14 h-14 rounded-full bg-primary-100 text-primary-600 flex items-center justify-center mx-auto text-xl font-bold">
+                        3
                     </div>
-                </x-section.wrapper>-->
+                    <h3 class="text-lg font-semibold text-secondary-800 mt-4">Pick it up, ready to hang</h3>
+                    <p class="text-secondary-500 mt-2 text-sm leading-relaxed">
+                        We'll let you know when it's done. Come collect your beautifully framed piece and enjoy it for years to come.
+                    </p>
+                </div>
+            </div>
+        </x-section.wrapper>
     </x-section.section>
 
-    <x-section.section class="!bg-secondary-100">
+    {{-- Gallery showcase --}}
+    <x-section.section class="!bg-secondary-50 py-16">
         <x-section.wrapper>
             <x-section.content>
                 <x-slot name="title">
-                    Our New Gallery!
+                    Our Work
                 </x-slot>
 
                 <x-slot name="content">
-                    One of our most recent projects was restoring our gallery. This is the centerpiece of our store
-                    showing off some awesome frames - these are also available for sale!
+                    <p>
+                        From custom frames to canvas prints and restorations — here's a glimpse of what we do.
+                    </p>
 
-                    <div class="mx-auto mt-12 w-3/4 sm:w-1/2">
+                    <div class="grid grid-cols-2 md:grid-cols-3 gap-4 mt-8 items-start">
+                        <x-image
+                            src="/framing/shadow-box.webp"
+                            class="rounded-lg w-full max-h-96 object-contain"
+                            alt="Custom shadow box with miniature pram"
+                            loading="lazy"
+                        />
+                        <x-image
+                            src="/framing/cat-painting.webp"
+                            class="rounded-lg w-full max-h-96 object-contain"
+                            alt="Framed cat painting with double mat"
+                            loading="lazy"
+                        />
+                        <x-image
+                            src="/canvas/tiger-canvas.webp"
+                            class="rounded-lg w-full max-h-96 object-contain"
+                            alt="Tiger canvas print"
+                            loading="lazy"
+                        />
+                        <x-image
+                            src="/framing/emu-art.webp"
+                            class="rounded-lg w-full max-h-96 object-contain"
+                            alt="Framed emu artwork"
+                            loading="lazy"
+                        />
                         <x-image
-                            src="/store/gallery.webp"
-                            class="mx-auto"
-                            alt="Framed Just For You Restored Gallery"
+                            src="/framing/arrowheads.webp"
+                            class="rounded-lg w-full max-h-96 object-contain"
+                            alt="Framed arrowhead and stone collection"
+                            loading="lazy"
+                        />
+                        <x-image
+                            src="/framing/flinders.webp"
+                            class="rounded-lg w-full max-h-96 object-contain"
+                            alt="Custom framed Flinders Range artwork"
                             loading="lazy"
                         />
                     </div>
-
                 </x-slot>
             </x-section.content>
         </x-section.wrapper>
     </x-section.section>
 
-    <x-section.section class="!bg-white">
+    {{-- Our Store --}}
+    <x-section.section class="py-16">
         <x-section.wrapper>
             <x-section.content>
                 <x-slot name="title">
-                    What our customers say
+                    Our Store
                 </x-slot>
 
                 <x-slot name="content">
-                    <div class="justify-center py-4">
-                        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
-                            @foreach($reviews as $review)
-                                <x-cards.google-review :review="$review"/>
-                            @endforeach
-                        </div>
+                    <p>
+                        Visit us at 122 Brisbane Road, Labrador — our doors have been open since 1997.
+                        Come in, have a chat, and see the craftsmanship firsthand.
+                    </p>
 
-                        <div class="flex justify-center mt-4">
-                            <x-links.other-secondary
-                                href="https://www.google.com/search?q=framed+just+for+you&rlz=1C1VDKB_enAU1092AU1092&oq=framed+just+for+you&gs_lcrp=EgZjaHJvbWUqDAgAECMYJxiABBiKBTIMCAAQIxgnGIAEGIoFMg0IARAuGK8BGMcBGIAEMgYIAhAjGCcyBwgDEAAYgAQyCAgEEAAYFhgeMgYIBRBFGEEyBggGEEUYPDIGCAcQRRg80gEIMjY2M2owajeoAgCwAgA&sourceid=chrome&ie=UTF-8#lrd=0x6b91104badf99849:0x5081ce9cf421fff2,1,,,,"
-                            >
-                                View All
-                            </x-links.other-secondary>
+                    <div class="grid md:grid-cols-2 gap-4 mt-8">
+                        <div class="overflow-hidden rounded-lg">
+                            <x-image
+                                src="/store/gallery.webp"
+                                class="object-cover w-full h-64 md:h-80 hover:scale-105 transition-transform duration-500"
+                                alt="Framed Just For You restored gallery"
+                                loading="lazy"
+                            />
+                        </div>
+                        <div class="overflow-hidden rounded-lg">
+                            <x-image
+                                src="/store/store-front-new.webp"
+                                class="object-cover w-full h-64 md:h-80 hover:scale-105 transition-transform duration-500"
+                                alt="Inside Framed Just For You"
+                                loading="lazy"
+                            />
                         </div>
                     </div>
+                </x-slot>
+            </x-section.content>
+        </x-section.wrapper>
+    </x-section.section>
 
-                    <x-section.divider/>
+    {{-- Reviews carousel --}}
+    <x-section.section class="py-16">
+        <x-section.wrapper>
+            <x-section.content>
+                <x-slot name="title">
+                    What our customers say
+                </x-slot>
 
-                    <div>
-                        <div class="lg:w-3/4 mx-auto p-2 md:p-8">
-                            <h4 class="text-xl text-secondary-700"> Let us turn your idea into reality!</h4>
-
-                            <p>
-                                We have a passion for framing and can't wait to work with you to build something
-                                amazing.
-                            </p>
-
-                            <div class="mt-4 gap-4 grid sm:grid-cols-3">
-                                <x-links.secondary href="{{ route('contact')  }}">
-                                    Contact Us
-                                </x-links.secondary>
-                                <x-links.primary href="{{ route('custom-framing')  }}">
-                                    Custom Framing
-                                </x-links.primary>
-                                <x-links.primary href="{{ route('printing')  }}">
-                                    Printing
-                                </x-links.primary>
+                <x-slot name="content">
+                    <div
+                        x-data="{
+                            current: 0,
+                            reviews: {{ $reviews->count() }},
+                            autoplay: null,
+                            init() {
+                                this.autoplay = setInterval(() => this.next(), 5000);
+                            },
+                            next() {
+                                this.current = (this.current + 1) % this.reviews;
+                            },
+                            prev() {
+                                this.current = (this.current - 1 + this.reviews) % this.reviews;
+                            },
+                            pause() {
+                                clearInterval(this.autoplay);
+                            },
+                            resume() {
+                                this.autoplay = setInterval(() => this.next(), 5000);
+                            }
+                        }"
+                        x-on:mouseenter="pause()"
+                        x-on:mouseleave="resume()"
+                        class="relative"
+                    >
+                        <div class="overflow-hidden">
+                            <div class="relative min-h-[300px] sm:min-h-[260px]">
+                                @foreach($reviews as $index => $review)
+                                    <div
+                                        x-show="current === {{ $index }}"
+                                        x-transition:enter="transition ease-out duration-300"
+                                        x-transition:enter-start="opacity-0 translate-x-4"
+                                        x-transition:enter-end="opacity-100 translate-x-0"
+                                        x-transition:leave="transition ease-in duration-200"
+                                        x-transition:leave-start="opacity-100 translate-x-0"
+                                        x-transition:leave-end="opacity-0 -translate-x-4"
+                                        class="absolute inset-0 flex items-center justify-center"
+                                    >
+                                        <div class="max-w-2xl mx-auto text-center px-8 py-8 bg-secondary-50 rounded-xl">
+                                            <div class="flex gap-1 justify-center mb-4">
+                                                @foreach(range(1, $review['rating']) as $i)
+                                                    <x-icons.star/>
+                                                @endforeach
+                                            </div>
+
+                                            <blockquote class="text-secondary-600 text-lg leading-relaxed italic">
+                                                "{{ $review['text'] }}"
+                                            </blockquote>
+
+                                            <div class="mt-4">
+                                                <p class="font-semibold text-secondary-800">{{ $review['author_name'] }}</p>
+                                                <span class="text-xs text-secondary-400">
+                                                    {{ $review['relative_time_description'] }}
+                                                </span>
+                                            </div>
+                                        </div>
+                                    </div>
+                                @endforeach
                             </div>
+                        </div>
 
-                            <x-section.divider/>
-
-                            <div class="gap-4 sm:w-3/4 md:w-1/2 mx-auto grid sm:grid-cols-2">
-                                <x-links.other-secondary href="{{ route('about')  }}">
-                                    Meet the team
-                                </x-links.other-secondary>
-                                <x-links.other-secondary href="{{ route('services.other')  }}">
-                                    Other Services
-                                </x-links.other-secondary>
-                            </div>
+                        {{-- Navigation arrows --}}
+                        <button
+                            x-on:click="prev()"
+                            class="absolute left-0 top-1/2 -translate-y-1/2 p-2 text-secondary-400 hover:text-primary-500 transition-colors"
+                        >
+                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6">
+                                <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" />
+                            </svg>
+                        </button>
+                        <button
+                            x-on:click="next()"
+                            class="absolute right-0 top-1/2 -translate-y-1/2 p-2 text-secondary-400 hover:text-primary-500 transition-colors"
+                        >
+                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6">
+                                <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
+                            </svg>
+                        </button>
+
+                        {{-- Dot indicators --}}
+                        <div class="flex justify-center gap-2 mt-6">
+                            @foreach($reviews as $index => $review)
+                                <button
+                                    x-on:click="current = {{ $index }}"
+                                    :class="current === {{ $index }} ? 'bg-primary-500' : 'bg-secondary-300'"
+                                    class="w-2.5 h-2.5 rounded-full transition-colors"
+                                ></button>
+                            @endforeach
                         </div>
                     </div>
+
+                    <div class="flex justify-center mt-6">
+                        <x-links.other-secondary
+                            href="https://www.google.com/search?q=framed+just+for+you&rlz=1C1VDKB_enAU1092AU1092&oq=framed+just+for+you&gs_lcrp=EgZjaHJvbWUqDAgAECMYJxiABBiKBTIMCAAQIxgnGIAEGIoFMg0IARAuGK8BGMcBGIAEMgYIAhAjGCcyBwgDEAAYgAQyCAgEEAAYFhgeMgYIBRBFGEEyBggGEEUYPDIGCAcQRRg80gEIMjY2M2owajeoAgCwAgA&sourceid=chrome&ie=UTF-8#lrd=0x6b91104badf99849:0x5081ce9cf421fff2,1,,,,"
+                        >
+                            View All Reviews
+                        </x-links.other-secondary>
+                    </div>
                 </x-slot>
             </x-section.content>
         </x-section.wrapper>
     </x-section.section>
+
+    {{-- Final CTA --}}
+    <x-section.section class="!bg-secondary-50 py-16">
+        <x-section.wrapper>
+            <div class="text-center max-w-2xl mx-auto">
+                <h3 class="text-2xl font-bold text-secondary-800">Let us turn your idea into reality</h3>
+                <p class="text-secondary-500 mt-2">
+                    We have a passion for framing and can't wait to work with you to build something amazing.
+                </p>
+
+                <div class="mt-8 flex flex-wrap justify-center gap-4">
+                    <x-links.primary href="{{ route('contact') }}">
+                        Contact Us
+                    </x-links.primary>
+                    <x-links.primary href="{{ route('custom-framing') }}">
+                        Custom Framing
+                    </x-links.primary>
+                    <x-links.primary href="{{ route('printing') }}">
+                        Printing
+                    </x-links.primary>
+                </div>
+
+                <div class="mt-6 flex flex-wrap justify-center gap-4">
+                    <x-links.other-secondary href="{{ route('about') }}">
+                        Meet the team
+                    </x-links.other-secondary>
+                    <x-links.other-secondary href="{{ route('services.other') }}">
+                        Other Services
+                    </x-links.other-secondary>
+                </div>
+            </div>
+        </x-section.wrapper>
+    </x-section.section>
 </x-layouts.app>
diff --git a/tests/Unit/Traits/GoogleApiTest.php b/tests/Unit/Traits/GoogleApiTest.php
index 30f8541..727151b 100644
--- a/tests/Unit/Traits/GoogleApiTest.php
+++ b/tests/Unit/Traits/GoogleApiTest.php
@@ -22,7 +22,7 @@ public function handles_a_non_200()
 
         $reviews = $this->getRecentReviews();
 
-        $expected = collect($this->getLocalReviews()['reviews'])->sortByDesc('rating')->take(3)->values();
+        $expected = collect($this->getLocalReviews()['reviews'])->sortByDesc('rating')->take(5)->values();
 
         $this->assertEquals($expected, $reviews);
     }
