diff --git a/apps/rufferal/src/app/screens/Screens.tsx b/apps/rufferal/src/app/screens/Screens.tsx
index d26668d..44a373f 100644
--- a/apps/rufferal/src/app/screens/Screens.tsx
+++ b/apps/rufferal/src/app/screens/Screens.tsx
@@ -1,5 +1,6 @@
 import { NavigationContainer } from '@react-navigation/native';
 import { createNativeStackNavigator } from '@react-navigation/native-stack';
+import { ScreenProps } from '@rufferal/types';
 import { observer } from 'mobx-react-lite';
 import {
   CatAvatarScreen,
@@ -12,10 +13,13 @@ import {
   DogPersonalityScreen,
   ManagePetsScreen,
   PetSplashScreen,
-  SearchScreen,
+  ProfileSplashScreen,
+  SearchDashboardScreen,
+  SearchFiltersScreen,
+  SearchResultsScreen,
 } from '.';
 
-const Stack = createNativeStackNavigator();
+const Stack = createNativeStackNavigator<ScreenProps>();
 
 export const Screens = observer(() => {
   return (
@@ -24,11 +28,8 @@ export const Screens = observer(() => {
         {/* ⬇️⬇️⬇️ CURRENT DEVELOPMENT PAGE ⬇️⬇️⬇️ */}
         {/* ⬆️⬆️⬆️ CURRENT DEVELOPMENT PAGE ⬆️⬆️⬆️ */}
 
-        <Stack.Screen
-          name="Create Pets Onboarding"
-          component={PetSplashScreen}
-        />
-        <Stack.Screen name="Manage Pets" component={ManagePetsScreen} />
+        <Stack.Screen name="Pet Splash" component={PetSplashScreen} />
+        <Stack.Screen name="Pets Dashboard" component={ManagePetsScreen} />
         <Stack.Screen name="Cat Details" component={CatDetailsScreen} />
         <Stack.Screen name="Cat Avatar" component={CatAvatarScreen} />
         <Stack.Screen name="Cat Personality" component={CatPersonalityScreen} />
@@ -37,7 +38,13 @@ export const Screens = observer(() => {
         <Stack.Screen name="Dog Avatar" component={DogAvatarScreen} />
         <Stack.Screen name="Dog Personality" component={DogPersonalityScreen} />
         <Stack.Screen name="Dog Careplan" component={DogCareplanScreen} />
-        <Stack.Screen name="Search" component={SearchScreen} />
+        <Stack.Screen
+          name="Search Dashboard"
+          component={SearchDashboardScreen}
+        />
+        <Stack.Screen name="Search Filters" component={SearchFiltersScreen} />
+        <Stack.Screen name="Search Results" component={SearchResultsScreen} />
+        <Stack.Screen name="Profile Splash" component={ProfileSplashScreen} />
       </Stack.Navigator>
     </NavigationContainer>
   );
diff --git a/apps/rufferal/src/app/screens/index.ts b/apps/rufferal/src/app/screens/index.ts
index 1a7ced0..e28a266 100644
--- a/apps/rufferal/src/app/screens/index.ts
+++ b/apps/rufferal/src/app/screens/index.ts
@@ -7,5 +7,8 @@ export { DogCareplanScreen } from './pets/dogs/DogCareplanScreen';
 export { DogDetailsScreen } from './pets/dogs/DogDetailsScreen';
 export { DogPersonalityScreen } from './pets/dogs/DogPersonalityScreen';
 export { ManagePetsScreen } from './pets/ManagePetsScreen';
-export { PetSplashScreen } from './profile/create/PetSplashScreen';
-export { SearchScreen } from './search/SearchScreen';
+export { PetSplashScreen } from './pets/PetSplashScreen';
+export { ProfileSplashScreen } from './profile/ProfileSplashScreen';
+export { SearchDashboardScreen } from './search/SearchDashboardScreen';
+export { SearchFiltersScreen } from './search/SearchFiltersScreen';
+export { SearchResultsScreen } from './search/SearchResultsScreen';
diff --git a/apps/rufferal/src/app/screens/profile/create/PetSplashScreen.tsx b/apps/rufferal/src/app/screens/pets/PetSplashScreen.tsx
similarity index 56%
rename from apps/rufferal/src/app/screens/profile/create/PetSplashScreen.tsx
rename to apps/rufferal/src/app/screens/pets/PetSplashScreen.tsx
index 9d3bab3..144eca5 100644
--- a/apps/rufferal/src/app/screens/profile/create/PetSplashScreen.tsx
+++ b/apps/rufferal/src/app/screens/pets/PetSplashScreen.tsx
@@ -1,4 +1,5 @@
-import { PageNavigationProps, PetSplash } from '@rufferal/ui';
+import { PageNavigationProps } from '@rufferal/types';
+import { PetSplash } from '@rufferal/ui';
 
 export const PetSplashScreen = ({ navigation }: PageNavigationProps) => {
   return <PetSplash navigation={navigation} />;
diff --git a/apps/rufferal/src/app/screens/profile/ProfileSplashScreen.tsx b/apps/rufferal/src/app/screens/profile/ProfileSplashScreen.tsx
new file mode 100644
index 0000000..60b515c
--- /dev/null
+++ b/apps/rufferal/src/app/screens/profile/ProfileSplashScreen.tsx
@@ -0,0 +1,7 @@
+import { PageNavigationProps } from '@rufferal/types';
+import { ProfileSplash } from '@rufferal/ui';
+
+export const ProfileSplashScreen
+  = ({ navigation }: PageNavigationProps) => {
+  return <ProfileSplash navigation={navigation} />;
+};
diff --git a/apps/rufferal/src/app/screens/search/SearchDashboardScreen.tsx b/apps/rufferal/src/app/screens/search/SearchDashboardScreen.tsx
new file mode 100644
index 0000000..d9ad1d8
--- /dev/null
+++ b/apps/rufferal/src/app/screens/search/SearchDashboardScreen.tsx
@@ -0,0 +1,6 @@
+import { PageNavigationProps } from '@rufferal/types';
+import { SearchDashboard } from '@rufferal/ui';
+
+export const SearchDashboardScreen = ({ navigation }: PageNavigationProps) => {
+  return <SearchDashboard navigation={navigation} />;
+};
diff --git a/apps/rufferal/src/app/screens/search/SearchFiltersScreen.tsx b/apps/rufferal/src/app/screens/search/SearchFiltersScreen.tsx
new file mode 100644
index 0000000..2de7e10
--- /dev/null
+++ b/apps/rufferal/src/app/screens/search/SearchFiltersScreen.tsx
@@ -0,0 +1,6 @@
+import { PageNavigationProps } from '@rufferal/types';
+import { SearchFilters } from '@rufferal/ui';
+
+export const SearchFiltersScreen = ({ navigation }: PageNavigationProps) => {
+  return <SearchFilters navigation={navigation} />;
+};
diff --git a/apps/rufferal/src/app/screens/search/SearchResultsScreen.tsx b/apps/rufferal/src/app/screens/search/SearchResultsScreen.tsx
new file mode 100644
index 0000000..f65369b
--- /dev/null
+++ b/apps/rufferal/src/app/screens/search/SearchResultsScreen.tsx
@@ -0,0 +1,6 @@
+import { PageNavigationProps } from '@rufferal/types';
+import { SearchResults } from '@rufferal/ui';
+
+export const SearchResultsScreen = ({ navigation }: PageNavigationProps) => {
+  return <SearchResults navigation={navigation} />;
+};
diff --git a/apps/rufferal/src/app/screens/search/SearchScreen.tsx b/apps/rufferal/src/app/screens/search/SearchScreen.tsx
deleted file mode 100644
index aebff06..0000000
--- a/apps/rufferal/src/app/screens/search/SearchScreen.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { NavigationProp, ParamListBase } from '@react-navigation/native';
-import { Search } from '@rufferal/ui';
-
-export const SearchScreen = ({
-  navigation,
-}: {
-  navigation: NavigationProp<ParamListBase>;
-}) => {
-  return <Search />;
-};
diff --git a/assets/src/icons/account.png b/assets/src/icons/account.png
new file mode 100644
index 0000000..d076ee9
Binary files /dev/null and b/assets/src/icons/account.png differ
diff --git a/assets/src/icons/booking.png b/assets/src/icons/booking.png
new file mode 100644
index 0000000..97da48a
Binary files /dev/null and b/assets/src/icons/booking.png differ
diff --git a/assets/src/icons/heart-filled.png b/assets/src/icons/heart-filled.png
new file mode 100644
index 0000000..aa1a547
Binary files /dev/null and b/assets/src/icons/heart-filled.png differ
diff --git a/assets/src/icons/heart-open.png b/assets/src/icons/heart-open.png
new file mode 100644
index 0000000..db06dbf
Binary files /dev/null and b/assets/src/icons/heart-open.png differ
diff --git a/assets/src/icons/map.png b/assets/src/icons/map.png
new file mode 100644
index 0000000..91ce79f
Binary files /dev/null and b/assets/src/icons/map.png differ
diff --git a/assets/src/icons/messages.png b/assets/src/icons/messages.png
new file mode 100644
index 0000000..ea2305c
Binary files /dev/null and b/assets/src/icons/messages.png differ
diff --git a/assets/src/icons/search-cat-harness.png b/assets/src/icons/search-cat-harness.png
new file mode 100644
index 0000000..acbc864
Binary files /dev/null and b/assets/src/icons/search-cat-harness.png differ
diff --git a/assets/src/icons/search-dog-walking.png b/assets/src/icons/search-dog-walking.png
new file mode 100644
index 0000000..4c1dc1e
Binary files /dev/null and b/assets/src/icons/search-dog-walking.png differ
diff --git a/assets/src/icons/search-feeding.png b/assets/src/icons/search-feeding.png
new file mode 100644
index 0000000..9b333ef
Binary files /dev/null and b/assets/src/icons/search-feeding.png differ
diff --git a/assets/src/icons/search-overnight.png b/assets/src/icons/search-overnight.png
new file mode 100644
index 0000000..217be0a
Binary files /dev/null and b/assets/src/icons/search-overnight.png differ
diff --git a/assets/src/icons/search-play-date.png b/assets/src/icons/search-play-date.png
new file mode 100644
index 0000000..f1ce560
Binary files /dev/null and b/assets/src/icons/search-play-date.png differ
diff --git a/assets/src/icons/search-search-all.png b/assets/src/icons/search-search-all.png
new file mode 100644
index 0000000..4f6ffef
Binary files /dev/null and b/assets/src/icons/search-search-all.png differ
diff --git a/assets/src/icons/search.png b/assets/src/icons/search.png
new file mode 100644
index 0000000..750a3da
Binary files /dev/null and b/assets/src/icons/search.png differ
diff --git a/assets/src/icons/star.png b/assets/src/icons/star.png
new file mode 100644
index 0000000..b961f88
Binary files /dev/null and b/assets/src/icons/star.png differ
diff --git a/assets/src/images/husky-and-orange-cat-small.png b/assets/src/images/husky-and-orange-cat-small.png
new file mode 100644
index 0000000..b3d0fe4
Binary files /dev/null and b/assets/src/images/husky-and-orange-cat-small.png differ
diff --git a/assets/src/images/husky-and-orange-cat.png b/assets/src/images/husky-and-orange-cat.png
index b3d0fe4..fee64c5 100644
Binary files a/assets/src/images/husky-and-orange-cat.png and b/assets/src/images/husky-and-orange-cat.png differ
diff --git a/assets/src/images/mocks/asian-teenager-s-close-up-portrait-isolated-blue-studio/asian-teenager-s-close-up-portrait-isolated-blue-studio.jpg b/assets/src/images/mocks/asian-teenager-s-close-up-portrait-isolated-blue-studio/asian-teenager-s-close-up-portrait-isolated-blue-studio.jpg
new file mode 100644
index 0000000..81d4b9f
Binary files /dev/null and b/assets/src/images/mocks/asian-teenager-s-close-up-portrait-isolated-blue-studio/asian-teenager-s-close-up-portrait-isolated-blue-studio.jpg differ
diff --git a/assets/src/images/mocks/asian-teenager-s-close-up-portrait-isolated-blue-studio/attribution.txt b/assets/src/images/mocks/asian-teenager-s-close-up-portrait-isolated-blue-studio/attribution.txt
new file mode 100644
index 0000000..8fd98c2
--- /dev/null
+++ b/assets/src/images/mocks/asian-teenager-s-close-up-portrait-isolated-blue-studio/attribution.txt
@@ -0,0 +1,6 @@
+Attribution: 
+"Designed by Freepik"
+
+* https://www.freepik.com/free-photo/asian-teenager-s-close-up-portrait-isolated-blue-studio_11197072.htm#fromView=search&page=1&position=51&uuid=8a341c09-5225-411a-8a62-705698af6ab1
+* Asian teenager's close up portrait isolated on blue studio
+* master1305
\ No newline at end of file
diff --git a/assets/src/images/mocks/authentic-small-youthful-marketing-agency/attribution.txt b/assets/src/images/mocks/authentic-small-youthful-marketing-agency/attribution.txt
new file mode 100644
index 0000000..b1d0cd3
--- /dev/null
+++ b/assets/src/images/mocks/authentic-small-youthful-marketing-agency/attribution.txt
@@ -0,0 +1,6 @@
+Attribution: 
+"Designed by Freepik"
+
+* https://www.freepik.com/free-photo/authentic-small-youthful-marketing-agency_94964017.htm#fromView=search&page=1&position=32&uuid=43377257-07f4-4338-8801-5f497d9097a1
+* Authentic small and youthful marketing agency
+* freepik
\ No newline at end of file
diff --git a/assets/src/images/mocks/authentic-small-youthful-marketing-agency/authentic-small-youthful-marketing-agency.jpg b/assets/src/images/mocks/authentic-small-youthful-marketing-agency/authentic-small-youthful-marketing-agency.jpg
new file mode 100644
index 0000000..3a91875
Binary files /dev/null and b/assets/src/images/mocks/authentic-small-youthful-marketing-agency/authentic-small-youthful-marketing-agency.jpg differ
diff --git a/assets/src/images/mocks/beautiful-african-american-woman-cafe/attribution.txt b/assets/src/images/mocks/beautiful-african-american-woman-cafe/attribution.txt
new file mode 100644
index 0000000..7704856
--- /dev/null
+++ b/assets/src/images/mocks/beautiful-african-american-woman-cafe/attribution.txt
@@ -0,0 +1,6 @@
+Attribution: 
+"Designed by Freepik"
+
+* https://www.freepik.com/free-photo/beautiful-african-american-woman-cafe_9618831.htm#fromView=search&page=1&position=22&uuid=43377257-07f4-4338-8801-5f497d9097a1
+* Beautiful African-American woman in cafe
+* wayhomestudio
\ No newline at end of file
diff --git a/assets/src/images/mocks/beautiful-african-american-woman-cafe/beautiful-african-american-woman-cafe.jpg b/assets/src/images/mocks/beautiful-african-american-woman-cafe/beautiful-african-american-woman-cafe.jpg
new file mode 100644
index 0000000..b31251f
Binary files /dev/null and b/assets/src/images/mocks/beautiful-african-american-woman-cafe/beautiful-african-american-woman-cafe.jpg differ
diff --git a/assets/src/images/cat-profile-stock-photo.jpeg b/assets/src/images/mocks/cat-profile-stock-photo.png
similarity index 100%
rename from assets/src/images/cat-profile-stock-photo.jpeg
rename to assets/src/images/mocks/cat-profile-stock-photo.png
diff --git a/assets/src/images/mocks/close-up-smiley-woman-taking-selfie/attribution.txt b/assets/src/images/mocks/close-up-smiley-woman-taking-selfie/attribution.txt
new file mode 100644
index 0000000..55dec2e
--- /dev/null
+++ b/assets/src/images/mocks/close-up-smiley-woman-taking-selfie/attribution.txt
@@ -0,0 +1,6 @@
+Attribution: 
+"Designed by Freepik"
+
+* https://www.freepik.com/free-photo/close-up-smiley-woman-taking-selfie_11100291.htm#fromView=search&page=2&position=37&uuid=43377257-07f4-4338-8801-5f497d9097a1
+* Close-up smiley woman taking selfie
+* freepik
\ No newline at end of file
diff --git a/assets/src/images/mocks/close-up-smiley-woman-taking-selfie/close-up-smiley-woman-taking-selfie.jpg b/assets/src/images/mocks/close-up-smiley-woman-taking-selfie/close-up-smiley-woman-taking-selfie.jpg
new file mode 100644
index 0000000..f649de3
Binary files /dev/null and b/assets/src/images/mocks/close-up-smiley-woman-taking-selfie/close-up-smiley-woman-taking-selfie.jpg differ
diff --git a/assets/src/images/mocks/close-up-view-attractive-adult-male-with-beard-sitting-open-terrace-typing-laptop-looking-screen-with-interested-smile-using-wi-fi-communicate-online-while-away-vacations/attribution.txt b/assets/src/images/mocks/close-up-view-attractive-adult-male-with-beard-sitting-open-terrace-typing-laptop-looking-screen-with-interested-smile-using-wi-fi-communicate-online-while-away-vacations/attribution.txt
new file mode 100644
index 0000000..61c6e90
--- /dev/null
+++ b/assets/src/images/mocks/close-up-view-attractive-adult-male-with-beard-sitting-open-terrace-typing-laptop-looking-screen-with-interested-smile-using-wi-fi-communicate-online-while-away-vacations/attribution.txt
@@ -0,0 +1,6 @@
+Attribution: 
+"Designed by Freepik"
+
+* https://www.freepik.com/free-photo/close-up-view-attractive-adult-male-with-beard-sitting-open-terrace-typing-laptop-looking-screen-with-interested-smile-using-wi-fi-communicate-online-while-away-vacations_9661800.htm#fromView=search&page=2&position=10&uuid=43377257-07f4-4338-8801-5f497d9097a1
+* Close up view of attractive adult male with beard sitting at open terrace, typing on laptop, looking at screen with interested smile, using wi-fi to communicate online while away on vacations
+* wayhomestudio
\ No newline at end of file
diff --git a/assets/src/images/mocks/close-up-view-attractive-adult-male-with-beard-sitting-open-terrace-typing-laptop-looking-screen-with-interested-smile-using-wi-fi-communicate-online-while-away-vacations/close-up-view-attractive-adult-male-with-beard-sitting-open-terrace-typing-laptop-looking-screen-with-interested-smile-using-wi-fi-communicate-online-while-away-vacations.jpg b/assets/src/images/mocks/close-up-view-attractive-adult-male-with-beard-sitting-open-terrace-typing-laptop-looking-screen-with-interested-smile-using-wi-fi-communicate-online-while-away-vacations/close-up-view-attractive-adult-male-with-beard-sitting-open-terrace-typing-laptop-looking-screen-with-interested-smile-using-wi-fi-communicate-online-while-away-vacations.jpg
new file mode 100644
index 0000000..f2cc5d5
Binary files /dev/null and b/assets/src/images/mocks/close-up-view-attractive-adult-male-with-beard-sitting-open-terrace-typing-laptop-looking-screen-with-interested-smile-using-wi-fi-communicate-online-while-away-vacations/close-up-view-attractive-adult-male-with-beard-sitting-open-terrace-typing-laptop-looking-screen-with-interested-smile-using-wi-fi-communicate-online-while-away-vacations.jpg differ
diff --git a/assets/src/images/dog-profile-stock-photo.jpeg b/assets/src/images/mocks/dog-profile-stock-photo.png
similarity index 100%
rename from assets/src/images/dog-profile-stock-photo.jpeg
rename to assets/src/images/mocks/dog-profile-stock-photo.png
diff --git a/assets/src/images/mocks/front-view-handsome-african-american-man-looking/attribution.txt b/assets/src/images/mocks/front-view-handsome-african-american-man-looking/attribution.txt
new file mode 100644
index 0000000..212a2b9
--- /dev/null
+++ b/assets/src/images/mocks/front-view-handsome-african-american-man-looking/attribution.txt
@@ -0,0 +1,6 @@
+Attribution: 
+"Designed by Freepik"
+
+* https://www.freepik.com/free-photo/front-view-handsome-african-american-man-looking_7552544.htm#fromView=search&page=1&position=20&uuid=43377257-07f4-4338-8801-5f497d9097a1
+* Front view of handsome African American man looking
+* pch.vector
\ No newline at end of file
diff --git a/assets/src/images/mocks/front-view-handsome-african-american-man-looking/front-view-handsome-african-american-man-looking.jpg b/assets/src/images/mocks/front-view-handsome-african-american-man-looking/front-view-handsome-african-american-man-looking.jpg
new file mode 100644
index 0000000..d572fad
Binary files /dev/null and b/assets/src/images/mocks/front-view-handsome-african-american-man-looking/front-view-handsome-african-american-man-looking.jpg differ
diff --git a/assets/src/images/mocks/front-view-man-with-beard-posing/attribution.txt b/assets/src/images/mocks/front-view-man-with-beard-posing/attribution.txt
new file mode 100644
index 0000000..5351892
--- /dev/null
+++ b/assets/src/images/mocks/front-view-man-with-beard-posing/attribution.txt
@@ -0,0 +1,6 @@
+Attribution: 
+"Designed by Freepik"
+
+* https://www.freepik.com/free-photo/front-view-man-with-beard-posing_27572249.htm#fromView=search&page=1&position=6&uuid=fbf7ffa0-2811-4b24-9f60-497b81823322
+* Front view man with beard posing
+* freepik
\ No newline at end of file
diff --git a/assets/src/images/mocks/front-view-man-with-beard-posing/front-view-man-with-beard-posing.jpg b/assets/src/images/mocks/front-view-man-with-beard-posing/front-view-man-with-beard-posing.jpg
new file mode 100644
index 0000000..a4cfd8e
Binary files /dev/null and b/assets/src/images/mocks/front-view-man-with-beard-posing/front-view-man-with-beard-posing.jpg differ
diff --git a/assets/src/images/mocks/front-view-smiley-woman-home/attribution.txt b/assets/src/images/mocks/front-view-smiley-woman-home/attribution.txt
new file mode 100644
index 0000000..70fccb3
--- /dev/null
+++ b/assets/src/images/mocks/front-view-smiley-woman-home/attribution.txt
@@ -0,0 +1,6 @@
+Attribution: 
+"Designed by Freepik"
+
+* https://www.freepik.com/free-photo/front-view-smiley-woman-home_36300675.htm#fromView=search&page=1&position=2&uuid=43377257-07f4-4338-8801-5f497d9097a1
+* Front view smiley woman at home
+* freepik
\ No newline at end of file
diff --git a/assets/src/images/mocks/front-view-smiley-woman-home/front-view-smiley-woman-home.jpg b/assets/src/images/mocks/front-view-smiley-woman-home/front-view-smiley-woman-home.jpg
new file mode 100644
index 0000000..e4d4466
Binary files /dev/null and b/assets/src/images/mocks/front-view-smiley-woman-home/front-view-smiley-woman-home.jpg differ
diff --git a/assets/src/images/mocks/handsome-man-outdoors-portrait/attribution.txt b/assets/src/images/mocks/handsome-man-outdoors-portrait/attribution.txt
new file mode 100644
index 0000000..a03457c
--- /dev/null
+++ b/assets/src/images/mocks/handsome-man-outdoors-portrait/attribution.txt
@@ -0,0 +1,6 @@
+Attribution: 
+"Designed by Freepik"
+
+* https://www.freepik.com/free-photo/handsome-man-outdoors-portrait_7090542.htm#fromView=search&page=1&position=9&uuid=033c2787-580e-46bc-923d-3a562a0abcca
+* handsome-man-outdoors-portrait
+* ArthurHidden
\ No newline at end of file
diff --git a/assets/src/images/mocks/handsome-man-outdoors-portrait/handsome-man-outdoors-portrait.jpg b/assets/src/images/mocks/handsome-man-outdoors-portrait/handsome-man-outdoors-portrait.jpg
new file mode 100644
index 0000000..f44ac07
Binary files /dev/null and b/assets/src/images/mocks/handsome-man-outdoors-portrait/handsome-man-outdoors-portrait.jpg differ
diff --git a/assets/src/images/mocks/medium-shot-happy-woman/attribution.txt b/assets/src/images/mocks/medium-shot-happy-woman/attribution.txt
new file mode 100644
index 0000000..8b583d0
--- /dev/null
+++ b/assets/src/images/mocks/medium-shot-happy-woman/attribution.txt
@@ -0,0 +1,6 @@
+Attribution: 
+"Designed by Freepik"
+
+* https://www.freepik.com/free-photo/medium-shot-happy-woman_15516563.htm#fromView=search&page=1&position=23&uuid=43377257-07f4-4338-8801-5f497d9097a1
+* Medium shot happy woman
+* freepik
\ No newline at end of file
diff --git a/assets/src/images/mocks/medium-shot-happy-woman/medium-shot-happy-woman.jpg b/assets/src/images/mocks/medium-shot-happy-woman/medium-shot-happy-woman.jpg
new file mode 100644
index 0000000..00138e7
Binary files /dev/null and b/assets/src/images/mocks/medium-shot-happy-woman/medium-shot-happy-woman.jpg differ
diff --git a/assets/src/images/mocks/portrait-asian-teen-boy/attribution.txt b/assets/src/images/mocks/portrait-asian-teen-boy/attribution.txt
new file mode 100644
index 0000000..4b1b7d5
--- /dev/null
+++ b/assets/src/images/mocks/portrait-asian-teen-boy/attribution.txt
@@ -0,0 +1,6 @@
+Attribution: 
+"Designed by Freepik"
+
+* https://www.freepik.com/free-photo/portrait-asian-teen-boy_19333620.htm#fromView=search&page=1&position=3&uuid=fd3e979d-a0b9-4099-a6ca-9aa6811a0c2d
+* Portrait of asian teen boy
+* freepik
\ No newline at end of file
diff --git a/assets/src/images/mocks/portrait-asian-teen-boy/portrait-asian-teen-boy.jpg b/assets/src/images/mocks/portrait-asian-teen-boy/portrait-asian-teen-boy.jpg
new file mode 100644
index 0000000..7891703
Binary files /dev/null and b/assets/src/images/mocks/portrait-asian-teen-boy/portrait-asian-teen-boy.jpg differ
diff --git a/assets/src/images/mocks/portrait-beautiful-woman-wearing-formal-clothes/attribution.txt b/assets/src/images/mocks/portrait-beautiful-woman-wearing-formal-clothes/attribution.txt
new file mode 100644
index 0000000..15c04e7
--- /dev/null
+++ b/assets/src/images/mocks/portrait-beautiful-woman-wearing-formal-clothes/attribution.txt
@@ -0,0 +1,6 @@
+Attribution: 
+"Designed by Freepik"
+
+* https://www.freepik.com/free-photo/portrait-beautiful-woman-wearing-formal-clothes_7009911.htm#fromView=search&page=1&position=28&uuid=fbf7ffa0-2811-4b24-9f60-497b81823322
+* Portrait of beautiful woman wearing formal clothes
+* freepik
\ No newline at end of file
diff --git a/assets/src/images/mocks/portrait-beautiful-woman-wearing-formal-clothes/portrait-beautiful-woman-wearing-formal-clothes.jpg b/assets/src/images/mocks/portrait-beautiful-woman-wearing-formal-clothes/portrait-beautiful-woman-wearing-formal-clothes.jpg
new file mode 100644
index 0000000..4b2396b
Binary files /dev/null and b/assets/src/images/mocks/portrait-beautiful-woman-wearing-formal-clothes/portrait-beautiful-woman-wearing-formal-clothes.jpg differ
diff --git a/assets/src/images/mocks/portrait-man-laughing/attribution.txt b/assets/src/images/mocks/portrait-man-laughing/attribution.txt
new file mode 100644
index 0000000..44b4bd2
--- /dev/null
+++ b/assets/src/images/mocks/portrait-man-laughing/attribution.txt
@@ -0,0 +1,6 @@
+Attribution: 
+"Designed by Freepik"
+
+* https://www.freepik.com/free-photo/portrait-man-laughing_12478216.htm#fromView=search&page=1&position=19&uuid=45f90a99-b549-476a-80da-5da2834287d6
+* Portrait man laughing
+* freepik
\ No newline at end of file
diff --git a/assets/src/images/mocks/portrait-man-laughing/portrait-man-laughing.jpg b/assets/src/images/mocks/portrait-man-laughing/portrait-man-laughing.jpg
new file mode 100644
index 0000000..5c01892
Binary files /dev/null and b/assets/src/images/mocks/portrait-man-laughing/portrait-man-laughing.jpg differ
diff --git a/assets/src/images/mocks/portrait-smiling-woman-outdoors-with-beanie/attribution.txt b/assets/src/images/mocks/portrait-smiling-woman-outdoors-with-beanie/attribution.txt
new file mode 100644
index 0000000..5ad746f
--- /dev/null
+++ b/assets/src/images/mocks/portrait-smiling-woman-outdoors-with-beanie/attribution.txt
@@ -0,0 +1,6 @@
+Attribution: 
+"Designed by Freepik"
+
+* https://www.freepik.com/free-photo/portrait-smiling-woman-outdoors-with-beanie_22196507.htm#fromView=search&page=1&position=18&uuid=8a341c09-5225-411a-8a62-705698af6ab1
+* Portrait of smiling woman outdoors with beanie
+* freepik
\ No newline at end of file
diff --git a/assets/src/images/mocks/portrait-smiling-woman-outdoors-with-beanie/portrait-smiling-woman-outdoors-with-beanie.jpg b/assets/src/images/mocks/portrait-smiling-woman-outdoors-with-beanie/portrait-smiling-woman-outdoors-with-beanie.jpg
new file mode 100644
index 0000000..e80b790
Binary files /dev/null and b/assets/src/images/mocks/portrait-smiling-woman-outdoors-with-beanie/portrait-smiling-woman-outdoors-with-beanie.jpg differ
diff --git a/assets/src/images/mocks/portrait-smiling-woman-patient-looking-camera-sitting-chair-waiting-room-stomatologic/attribution.txt b/assets/src/images/mocks/portrait-smiling-woman-patient-looking-camera-sitting-chair-waiting-room-stomatologic/attribution.txt
new file mode 100644
index 0000000..4004526
--- /dev/null
+++ b/assets/src/images/mocks/portrait-smiling-woman-patient-looking-camera-sitting-chair-waiting-room-stomatologic/attribution.txt
@@ -0,0 +1,6 @@
+Attribution: 
+"Designed by Freepik"
+
+* https://www.freepik.com/free-photo/portrait-smiling-woman-patient-looking-camera-sitting-chair-waiting-room-stomatologic_15967364.htm#fromView=search&page=1&position=0&uuid=09964647-7e4c-4fc8-b87d-3c45a002dcb3
+* Portrait of smiling woman patient looking on camera sitting on chair in waiting room of stomatologic
+* DC Studio
\ No newline at end of file
diff --git a/assets/src/images/mocks/portrait-smiling-woman-patient-looking-camera-sitting-chair-waiting-room-stomatologic/portrait-smiling-woman-patient-looking-camera-sitting-chair-waiting-room-stomatologic.jpg b/assets/src/images/mocks/portrait-smiling-woman-patient-looking-camera-sitting-chair-waiting-room-stomatologic/portrait-smiling-woman-patient-looking-camera-sitting-chair-waiting-room-stomatologic.jpg
new file mode 100644
index 0000000..4a3317e
Binary files /dev/null and b/assets/src/images/mocks/portrait-smiling-woman-patient-looking-camera-sitting-chair-waiting-room-stomatologic/portrait-smiling-woman-patient-looking-camera-sitting-chair-waiting-room-stomatologic.jpg differ
diff --git a/assets/src/images/mocks/portrait-white-man-isolated/attribution.txt b/assets/src/images/mocks/portrait-white-man-isolated/attribution.txt
new file mode 100644
index 0000000..0ea86b1
--- /dev/null
+++ b/assets/src/images/mocks/portrait-white-man-isolated/attribution.txt
@@ -0,0 +1,6 @@
+Attribution: 
+"Designed by Freepik"
+
+* https://www.freepik.com/free-photo/portrait-white-man-isolated_3199590.htm#fromView=search&page=1&position=21&uuid=45f90a99-b549-476a-80da-5da2834287d6
+* Portrait of white man isolated
+* rawpixel.com
\ No newline at end of file
diff --git a/assets/src/images/mocks/portrait-white-man-isolated/portrait-white-man-isolated.jpg b/assets/src/images/mocks/portrait-white-man-isolated/portrait-white-man-isolated.jpg
new file mode 100644
index 0000000..601c5df
Binary files /dev/null and b/assets/src/images/mocks/portrait-white-man-isolated/portrait-white-man-isolated.jpg differ
diff --git a/assets/src/images/mocks/portrait-young-happy-man/attribution.txt b/assets/src/images/mocks/portrait-young-happy-man/attribution.txt
new file mode 100644
index 0000000..35bff3d
--- /dev/null
+++ b/assets/src/images/mocks/portrait-young-happy-man/attribution.txt
@@ -0,0 +1,6 @@
+Attribution: 
+"Designed by Freepik"
+
+* https://www.freepik.com/free-photo/portrait-young-happy-man_23441181.htm#fromView=search&page=1&position=8&uuid=fbf7ffa0-2811-4b24-9f60-497b81823322
+* Portrait of young and happy man
+* freepik
\ No newline at end of file
diff --git a/assets/src/images/mocks/portrait-young-happy-man/portrait-young-happy-man.jpg b/assets/src/images/mocks/portrait-young-happy-man/portrait-young-happy-man.jpg
new file mode 100644
index 0000000..eaab3a5
Binary files /dev/null and b/assets/src/images/mocks/portrait-young-happy-man/portrait-young-happy-man.jpg differ
diff --git a/assets/src/images/mocks/portrait-young-woman-street/attribution.txt b/assets/src/images/mocks/portrait-young-woman-street/attribution.txt
new file mode 100644
index 0000000..97495b1
--- /dev/null
+++ b/assets/src/images/mocks/portrait-young-woman-street/attribution.txt
@@ -0,0 +1,6 @@
+Attribution: 
+"Designed by Freepik"
+
+* https://www.freepik.com/free-photo/portrait-young-woman-street_27496518.htm#fromView=search&page=2&position=14&uuid=43377257-07f4-4338-8801-5f497d9097a1
+* Portrait of a young woman in the street
+* freepik
\ No newline at end of file
diff --git a/assets/src/images/mocks/portrait-young-woman-street/portrait-young-woman-street.jpg b/assets/src/images/mocks/portrait-young-woman-street/portrait-young-woman-street.jpg
new file mode 100644
index 0000000..8c055fb
Binary files /dev/null and b/assets/src/images/mocks/portrait-young-woman-street/portrait-young-woman-street.jpg differ
diff --git a/assets/src/images/mocks/positive-happy-black-lady-posing-outdoors-smiling/attribution.txt b/assets/src/images/mocks/positive-happy-black-lady-posing-outdoors-smiling/attribution.txt
new file mode 100644
index 0000000..6bb79a3
--- /dev/null
+++ b/assets/src/images/mocks/positive-happy-black-lady-posing-outdoors-smiling/attribution.txt
@@ -0,0 +1,6 @@
+Attribution: 
+"Designed by Freepik"
+
+* https://www.freepik.com/free-photo/positive-happy-black-lady-posing-outdoors-smiling_5546701.htm#fromView=search&page=2&position=3&uuid=43377257-07f4-4338-8801-5f497d9097a1
+* Positive happy black lady posing outdoors and smiling
+* katemangostar
\ No newline at end of file
diff --git a/assets/src/images/mocks/positive-happy-black-lady-posing-outdoors-smiling/positive-happy-black-lady-posing-outdoors-smiling.jpg b/assets/src/images/mocks/positive-happy-black-lady-posing-outdoors-smiling/positive-happy-black-lady-posing-outdoors-smiling.jpg
new file mode 100644
index 0000000..0cb4581
Binary files /dev/null and b/assets/src/images/mocks/positive-happy-black-lady-posing-outdoors-smiling/positive-happy-black-lady-posing-outdoors-smiling.jpg differ
diff --git a/assets/src/images/mocks/search-mock-1.png b/assets/src/images/mocks/search-mock-1.png
new file mode 100644
index 0000000..d6704d2
Binary files /dev/null and b/assets/src/images/mocks/search-mock-1.png differ
diff --git a/assets/src/images/mocks/search-mock-2.png b/assets/src/images/mocks/search-mock-2.png
new file mode 100644
index 0000000..345340d
Binary files /dev/null and b/assets/src/images/mocks/search-mock-2.png differ
diff --git a/assets/src/images/mocks/search-mock-3.png b/assets/src/images/mocks/search-mock-3.png
new file mode 100644
index 0000000..dcac538
Binary files /dev/null and b/assets/src/images/mocks/search-mock-3.png differ
diff --git a/assets/src/images/mocks/search-mock-4.png b/assets/src/images/mocks/search-mock-4.png
new file mode 100644
index 0000000..11c923b
Binary files /dev/null and b/assets/src/images/mocks/search-mock-4.png differ
diff --git a/assets/src/images/mocks/smiley-woman-adventure-nature/attribution.txt b/assets/src/images/mocks/smiley-woman-adventure-nature/attribution.txt
new file mode 100644
index 0000000..55bcdb6
--- /dev/null
+++ b/assets/src/images/mocks/smiley-woman-adventure-nature/attribution.txt
@@ -0,0 +1,6 @@
+Attribution: 
+"Designed by Freepik"
+
+* https://www.freepik.com/free-photo/smiley-woman-adventure-nature_9843864.htm#fromView=search&page=1&position=19&uuid=09964647-7e4c-4fc8-b87d-3c45a002dcb3
+* Smiley woman on adventure in nature
+* freepik
\ No newline at end of file
diff --git a/assets/src/images/mocks/smiley-woman-adventure-nature/smiley-woman-adventure-nature.jpg b/assets/src/images/mocks/smiley-woman-adventure-nature/smiley-woman-adventure-nature.jpg
new file mode 100644
index 0000000..09229cb
Binary files /dev/null and b/assets/src/images/mocks/smiley-woman-adventure-nature/smiley-woman-adventure-nature.jpg differ
diff --git a/assets/src/images/mocks/stylish-brunette-girl-with-pierced-nose-trendy-shirt-smiling-white-teeth-looking-camera-standing-happy-confident-against-studio-background/attribution.txt b/assets/src/images/mocks/stylish-brunette-girl-with-pierced-nose-trendy-shirt-smiling-white-teeth-looking-camera-standing-happy-confident-against-studio-background/attribution.txt
new file mode 100644
index 0000000..1e5059b
--- /dev/null
+++ b/assets/src/images/mocks/stylish-brunette-girl-with-pierced-nose-trendy-shirt-smiling-white-teeth-looking-camera-standing-happy-confident-against-studio-background/attribution.txt
@@ -0,0 +1,6 @@
+Attribution: 
+"Designed by Freepik"
+
+* https://www.freepik.com/free-photo/stylish-brunette-girl-with-pierced-nose-trendy-shirt-smiling-white-teeth-looking-camera-standing-happy-confident-against-studio-background_23242954.htm#fromView=search&page=2&position=5&uuid=43377257-07f4-4338-8801-5f497d9097a1
+* Stylish brunette girl with pierced nose and trendy shirt, smiling white teeth, looking at camera, standing happy and confident against studio background
+* freepik
\ No newline at end of file
diff --git a/assets/src/images/mocks/stylish-brunette-girl-with-pierced-nose-trendy-shirt-smiling-white-teeth-looking-camera-standing-happy-confident-against-studio-background/stylish-brunette-girl-with-pierced-nose-trendy-shirt-smiling-white-teeth-looking-camera-standing-happy-confident-against-studio-background.jpg b/assets/src/images/mocks/stylish-brunette-girl-with-pierced-nose-trendy-shirt-smiling-white-teeth-looking-camera-standing-happy-confident-against-studio-background/stylish-brunette-girl-with-pierced-nose-trendy-shirt-smiling-white-teeth-looking-camera-standing-happy-confident-against-studio-background.jpg
new file mode 100644
index 0000000..3d55959
Binary files /dev/null and b/assets/src/images/mocks/stylish-brunette-girl-with-pierced-nose-trendy-shirt-smiling-white-teeth-looking-camera-standing-happy-confident-against-studio-background/stylish-brunette-girl-with-pierced-nose-trendy-shirt-smiling-white-teeth-looking-camera-standing-happy-confident-against-studio-background.jpg differ
diff --git a/assets/src/images/mocks/woman-wearing-glasses-looking-away/attribution.txt b/assets/src/images/mocks/woman-wearing-glasses-looking-away/attribution.txt
new file mode 100644
index 0000000..9976094
--- /dev/null
+++ b/assets/src/images/mocks/woman-wearing-glasses-looking-away/attribution.txt
@@ -0,0 +1,6 @@
+Attribution: 
+"Designed by Freepik"
+
+* https://www.freepik.com/free-photo/woman-wearing-glasses-looking-away_5192525.htm?log-in=google#fromView=search&page=1&position=46&uuid=45f90a99-b549-476a-80da-5da2834287d6
+* Woman wearing glasses and looking away
+* freepik
\ No newline at end of file
diff --git a/assets/src/images/mocks/woman-wearing-glasses-looking-away/woman-wearing-glasses-looking-away.jpg b/assets/src/images/mocks/woman-wearing-glasses-looking-away/woman-wearing-glasses-looking-away.jpg
new file mode 100644
index 0000000..9061aa5
Binary files /dev/null and b/assets/src/images/mocks/woman-wearing-glasses-looking-away/woman-wearing-glasses-looking-away.jpg differ
diff --git a/assets/src/images/mocks/worldface-american-woman-white-background/attribution.txt b/assets/src/images/mocks/worldface-american-woman-white-background/attribution.txt
new file mode 100644
index 0000000..3574993
--- /dev/null
+++ b/assets/src/images/mocks/worldface-american-woman-white-background/attribution.txt
@@ -0,0 +1,6 @@
+Attribution: 
+"Designed by Freepik"
+
+* https://www.freepik.com/free-photo/worldface-american-woman-white-background_3218144.htm#fromView=search&page=1&position=48&uuid=fbf7ffa0-2811-4b24-9f60-497b81823322
+* Worldface-American woman in a white background
+* rawpixel.com
\ No newline at end of file
diff --git a/assets/src/images/mocks/worldface-american-woman-white-background/worldface-american-woman-white-background.jpg b/assets/src/images/mocks/worldface-american-woman-white-background/worldface-american-woman-white-background.jpg
new file mode 100644
index 0000000..8eac712
Binary files /dev/null and b/assets/src/images/mocks/worldface-american-woman-white-background/worldface-american-woman-white-background.jpg differ
diff --git a/assets/src/images/orange-kitten-small.png b/assets/src/images/orange-kitten-small.png
new file mode 100644
index 0000000..54dc476
Binary files /dev/null and b/assets/src/images/orange-kitten-small.png differ
diff --git a/assets/src/images/orange-kitten.png b/assets/src/images/orange-kitten.png
new file mode 100644
index 0000000..a5cf0db
Binary files /dev/null and b/assets/src/images/orange-kitten.png differ
diff --git a/tailwind/src/tailwind.config.js b/tailwind/src/tailwind.config.js
index f2c62e8..fc3d59d 100644
--- a/tailwind/src/tailwind.config.js
+++ b/tailwind/src/tailwind.config.js
@@ -214,6 +214,19 @@ module.exports = {
           900: '#5D5260',
           950: '#3E3540',
         },
+        whisper: {
+          50: '#FDFAFF', // PRIMARY
+          100: '#F5E8FF',
+          200: '#EDD5FF',
+          300: '#DFB4FE',
+          400: '#CC84FC',
+          500: '#B855F7',
+          600: '#A533EA',
+          700: '#8F22CE',
+          800: '#7921A8',
+          900: '#631C87',
+          950: '#440764',
+        },
       },
       fontFamily: {
         body: ['Inter Regular'], // 400
@@ -227,6 +240,8 @@ module.exports = {
       },
       fontSize: {
         b1: [`${moderateScale(10)}px`, `${moderateScale(14)}px`],
+        b1Small: [`${moderateScale(10)}px`, `${moderateScale(12.1)}px`],
+        b1Medium: [`${moderateScale(10)}px`, `${moderateScale(16)}px`],
         b2: [`${moderateScale(12)}px`, `${moderateScale(16)}px`],
         b3: [`${moderateScale(14)}px`, `${moderateScale(20)}px`],
         b4: [`${moderateScale(16)}px`, `${moderateScale(24)}px`],
diff --git a/types/src/ui/atoms.ts b/types/src/ui/atoms.ts
index 344bc18..15a373a 100644
--- a/types/src/ui/atoms.ts
+++ b/types/src/ui/atoms.ts
@@ -143,6 +143,7 @@ export interface FieldSelectProps<Option> extends DropdownProps<Option> {
 export interface FullTextProps {
   align?: string;
   text: string | JSX.Element;
+  textColor?: string;
 }
 
 export interface HorizontalDividerProps {
diff --git a/types/src/ui/molecules.ts b/types/src/ui/molecules.ts
index f372d77..d3744d4 100644
--- a/types/src/ui/molecules.ts
+++ b/types/src/ui/molecules.ts
@@ -6,6 +6,12 @@ import {
   ToggleProps,
 } from '..';
 
+export interface CheckToggleProps extends ToggleProps {
+  disabled?: boolean;
+  errorMessage?: string;
+  label: string;
+}
+
 export interface InputAreaProps extends InputProps {
   maxCharacters?: number;
 }
@@ -30,10 +36,9 @@ export interface InputSliderProps extends SingleSliderProps {
   sliderLabels?: [string, string];
 }
 
-export interface CheckToggleProps extends ToggleProps {
-  disabled?: boolean;
-  errorMessage?: string;
-  label: string;
+export interface LayeredAvatarsProps {
+  imageUrls: string[];
+  max?: number;
 }
 
 export type OtherOption = {
diff --git a/types/src/ui/pages.ts b/types/src/ui/pages.ts
index 6c65a8f..998e3c2 100644
--- a/types/src/ui/pages.ts
+++ b/types/src/ui/pages.ts
@@ -7,16 +7,25 @@ export interface PageNavigationProps {
 }
 
 export type ScreenProps = {
+  'Onboarding': undefined;
+  'Access': undefined;
+  'Profile Splash': undefined;
+  'Pet Splash': undefined;
+  'Pets Dashboard': undefined;
   'Cat Avatar': undefined;
   'Cat Careplan': undefined;
   'Cat Details': undefined;
   'Cat Personality': undefined;
-  'Create Pets Onboarding': undefined;
   'Dog Avatar': undefined;
   'Dog Careplan': undefined;
   'Dog Details': undefined;
   'Dog Personality': undefined;
-  'Manage Pets': undefined;
-  Search: undefined;
+  'Search Dashboard': undefined;
+  'Search Filters': undefined;
+  'Search Results': undefined;
+  'Access Required Splash': undefined;
+  'Bookings Dashboard': undefined;
+  'Messages Dashboard': undefined;
+  'Account Dashboard': undefined;
   // Profile: { userId: string };
-};
\ No newline at end of file
+};
diff --git a/ui/src/components/atoms/accordian/accordian.tsx b/ui/src/components/atoms/accordian/accordian.tsx
index 5dd8d98..a09a5ba 100644
--- a/ui/src/components/atoms/accordian/accordian.tsx
+++ b/ui/src/components/atoms/accordian/accordian.tsx
@@ -31,7 +31,11 @@ export const Accordian = ({
   }, [accordionDirty, setAccordionDirty]);
 
   // renders
-  const renderSectionHeader = (section: AccordionSection, index: number) => {
+  const renderSectionHeader = (
+    section: AccordionSection,
+    index: number,
+    isActive: boolean
+  ) => {
     return (
       <View
         style={ruffwind`
@@ -79,15 +83,27 @@ export const Accordian = ({
             )}
           </>
         )}
-        <Image
-          style={ruffwind.style(
-            GLOBAL_ICON_SIZE_MEDIUM_SMALL,
-            'items-center justify-center'
-          )}
-          source={require('@rufferal/assets/src/icons/chevron-down.png')}
-          // BLARG -import from tailwind config
-          tintColor={'#2B242E'}
-        />
+        {isActive ? (
+          <Image
+            style={ruffwind.style(
+              GLOBAL_ICON_SIZE_MEDIUM_SMALL,
+              'items-center justify-center'
+            )}
+            source={require('@rufferal/assets/src/icons/chevron-up.png')}
+            // BLARG -import from tailwind config
+            tintColor={'#2B242E'}
+          />
+        ) : (
+          <Image
+            style={ruffwind.style(
+              GLOBAL_ICON_SIZE_MEDIUM_SMALL,
+              'items-center justify-center'
+            )}
+            source={require('@rufferal/assets/src/icons/chevron-down.png')}
+            // BLARG -import from tailwind config
+            tintColor={'#2B242E'}
+          />
+        )}
       </View>
     );
   };
@@ -118,7 +134,9 @@ export const Accordian = ({
       expandMultiple
       sections={sections}
       activeSections={activeSections}
-      renderHeader={(content, index) => renderSectionHeader(content, index)}
+      renderHeader={(content, index, isActive) =>
+        renderSectionHeader(content, index, isActive)
+      }
       renderContent={renderSectionContent}
       // onChange={setActiveSections}
       onChange={(indexes) => {
diff --git a/ui/src/components/atoms/h2/h2.tsx b/ui/src/components/atoms/h2/h2.tsx
index 9783903..2edc9ec 100644
--- a/ui/src/components/atoms/h2/h2.tsx
+++ b/ui/src/components/atoms/h2/h2.tsx
@@ -2,14 +2,14 @@ import { ruffwind } from '@rufferal/tailwind';
 import { FullTextProps } from '@rufferal/types';
 import { Text } from 'react-native';
 
-
-export const H2 = ({ align = 'text-center', text }: FullTextProps) => {
+export const H2 = ({
+  align = 'text-left',
+  text,
+  textColor = 'text-electricViolet-700',
+}: FullTextProps) => {
   return (
     <Text
-      style={ruffwind.style(
-        `font-headerExtrabold text-h2 text-electricViolet-700`,
-        align
-      )}
+      style={ruffwind.style(`font-headerExtrabold text-h2`, textColor, align)}
     >
       {text}
     </Text>
diff --git a/ui/src/components/molecules/index.ts b/ui/src/components/molecules/index.ts
index fe08703..23def51 100644
--- a/ui/src/components/molecules/index.ts
+++ b/ui/src/components/molecules/index.ts
@@ -15,5 +15,6 @@ export { InputArea } from './input-area/input-area';
 export { InputPhoto } from './input-photo/input-photo';
 export { InputSlider } from './input-slider/input-slider';
 export { Input } from './input/input';
+export { LayeredAvatars } from './layered-avatars/layered-avatars';
 export { RadioGroup } from './radio-group/radio-group';
 export { Select } from './select/select';
diff --git a/ui/src/components/molecules/layered-avatars/layered-avatars.spec.tsx b/ui/src/components/molecules/layered-avatars/layered-avatars.spec.tsx
new file mode 100644
index 0000000..6d6d74f
--- /dev/null
+++ b/ui/src/components/molecules/layered-avatars/layered-avatars.spec.tsx
@@ -0,0 +1,10 @@
+import { render } from '@testing-library/react-native';
+
+import { LayeredAvatars } from './layered-avatars';
+
+describe('LayeredAvatars', () => {
+  it('should render successfully', () => {
+    const { root } = render(<LayeredAvatars />);
+    expect(root).toBeTruthy();
+  });
+});
diff --git a/ui/src/components/molecules/layered-avatars/layered-avatars.tsx b/ui/src/components/molecules/layered-avatars/layered-avatars.tsx
new file mode 100644
index 0000000..57bf2e1
--- /dev/null
+++ b/ui/src/components/molecules/layered-avatars/layered-avatars.tsx
@@ -0,0 +1,29 @@
+import { ruffwind } from '@rufferal/tailwind';
+import { LayeredAvatarsProps } from '@rufferal/types';
+import { moderateScaleTW } from '@rufferal/utils';
+import { Image } from 'expo-image';
+import { View } from 'react-native';
+
+export const LayeredAvatars = ({ imageUrls, max = 3 }: LayeredAvatarsProps) => {
+  // Limit the images to a maximum amount
+  const limitedImages = imageUrls.slice(0, max);
+
+  return (
+    <View style={ruffwind`flex-row items-center`}>
+      {limitedImages.map((url, index) => (
+        <Image
+          key={index}
+          source={url}
+          style={[
+            ruffwind`
+              rounded-full
+              h-${moderateScaleTW(17.42)}
+              w-${moderateScaleTW(17.42)}
+            `,
+            index > 0 && { marginLeft: -9.42 }, // Overlap by 9.42px for subsequent images
+          ]}
+        />
+      ))}
+    </View>
+  );
+};
diff --git a/ui/src/components/organisms/caretaker-search-header/caretaker-search-header.spec.tsx b/ui/src/components/organisms/caretaker-search-header/caretaker-search-header.spec.tsx
new file mode 100644
index 0000000..b77a0ce
--- /dev/null
+++ b/ui/src/components/organisms/caretaker-search-header/caretaker-search-header.spec.tsx
@@ -0,0 +1,10 @@
+import { render } from '@testing-library/react-native';
+
+import { CaretakerSearchHeader } from './caretaker-search-header';
+
+describe('CaretakerSearchHeader', () => {
+  it('should render successfully', () => {
+    const { root } = render(<CaretakerSearchHeader />);
+    expect(root).toBeTruthy();
+  });
+});
diff --git a/ui/src/components/organisms/caretaker-search-header/caretaker-search-header.tsx b/ui/src/components/organisms/caretaker-search-header/caretaker-search-header.tsx
new file mode 100644
index 0000000..fe2618b
--- /dev/null
+++ b/ui/src/components/organisms/caretaker-search-header/caretaker-search-header.tsx
@@ -0,0 +1,263 @@
+import { ruffwind } from '@rufferal/tailwind';
+import { PageNavigationProps } from '@rufferal/types';
+import {
+  createImageSize,
+  GLOBAL_ICON_SIZE_MEDIUM,
+  moderateScaleTW,
+} from '@rufferal/utils';
+import { Image } from 'expo-image';
+import { Pressable, Text, View } from 'react-native';
+
+import { H2 } from '../../atoms';
+
+export const CaretakerSearchHeader = ({ navigation }: PageNavigationProps) => (
+  <View style={ruffwind`flex-1 bg-electricViolet-100`}>
+    <View
+      style={ruffwind`
+        gap-${moderateScaleTW(4)}
+        pt-${moderateScaleTW(34)}
+        px-${moderateScaleTW(20)}
+        pb-${moderateScaleTW(10)}
+        `}
+    >
+      {/* HEADER */}
+      <H2 text="Search for pet care" textColor="text-electricViolet-800" />
+      {/* LOCATION */}
+      <View
+        style={ruffwind`
+                  items-center
+                  justify-between
+                  flex-row
+                  h-${moderateScaleTW(32)}
+                `}
+      >
+        <View style={ruffwind`flex-row`}>
+          <Text style={ruffwind`font-body text-b2 text-balticSea-950`}>
+            in{` `}
+          </Text>
+          <Text style={ruffwind`font-bodySemibold text-b2 text-balticSea-950`}>
+            San Antonio, TX
+          </Text>
+        </View>
+        <View
+          style={ruffwind`
+                  items-center
+                  flex-row
+                  gap-${moderateScaleTW(4)}
+                `}
+        >
+          <Image
+            style={ruffwind.style(
+              GLOBAL_ICON_SIZE_MEDIUM,
+              'items-center justify-center'
+            )}
+            source={require('@rufferal/assets/src/icons/map.png')}
+            tintColor={'#AC36E7'}
+          />
+          <View
+            style={ruffwind`
+              items-center
+              border-b-balticSea-950
+              border-b-${moderateScaleTW(0.75)}
+            `}
+          >
+            <Text
+              style={ruffwind`font-body items-end text-b1Small text-balticSea-950`}
+            >
+              Edit location
+            </Text>
+          </View>
+        </View>
+      </View>
+    </View>
+    <View
+      style={ruffwind`
+        bg-whisper-50 rounded-t-${moderateScaleTW(8)} p-${moderateScaleTW(20)}
+      `}
+    >
+      {/* FILTERS HEADER */}
+      <View
+        style={ruffwind`
+          justify-center h-${moderateScaleTW(23)} mb-${moderateScaleTW(8)}
+        `}
+      >
+        <Text style={ruffwind`font-bodyBold text-b3 text-balticSea-950`}>
+          Browse by category
+        </Text>
+      </View>
+      {/* FILTERS */}
+      <View
+        style={ruffwind`
+        flex-row
+        flex-wrap
+        gap-${moderateScaleTW(8)}
+      `}
+      >
+        <Pressable
+          onPress={() => navigation.navigate('Search Filters')}
+          style={ruffwind`
+          items-center
+          border-chatelle-400
+          rounded-${moderateScaleTW(4)}
+          border-${moderateScaleTW(1)}
+          gap-${moderateScaleTW(8)}
+          py-${moderateScaleTW(12)}
+          w-${moderateScaleTW(106)}
+        `}
+        >
+          <Image
+            style={ruffwind.style(
+              createImageSize(34),
+              'items-center justify-center'
+            )}
+            source={require('@rufferal/assets/src/icons/search-dog-walking.png')}
+          />
+          <Text
+            style={ruffwind`font-bodySemibold text-b2 text-electricViolet-950`}
+          >
+            Dog walking
+          </Text>
+        </Pressable>
+        <Pressable
+          onPress={() => navigation.navigate('Search Filters')}
+          style={ruffwind`
+          items-center
+          border-chatelle-400
+          rounded-${moderateScaleTW(4)}
+          border-${moderateScaleTW(1)}
+          gap-${moderateScaleTW(8)}
+          py-${moderateScaleTW(12)}
+          w-${moderateScaleTW(106)}
+        `}
+        >
+          <Image
+            style={ruffwind.style(
+              createImageSize(34),
+              'items-center justify-center'
+            )}
+            source={require('@rufferal/assets/src/icons/search-cat-harness.png')}
+          />
+          <Text
+            style={ruffwind`font-bodySemibold text-b2 text-electricViolet-950`}
+          >
+            Cat harness
+          </Text>
+        </Pressable>
+        <Pressable
+          onPress={() => navigation.navigate('Search Filters')}
+          style={ruffwind`
+          items-center
+          border-chatelle-400
+          rounded-${moderateScaleTW(4)}
+          border-${moderateScaleTW(1)}
+          gap-${moderateScaleTW(8)}
+          py-${moderateScaleTW(12)}
+          w-${moderateScaleTW(106)}
+        `}
+        >
+          <Image
+            style={ruffwind.style(
+              createImageSize(34),
+              'items-center justify-center'
+            )}
+            source={require('@rufferal/assets/src/icons/search-play-date.png')}
+          />
+          <Text
+            style={ruffwind`font-bodySemibold text-b2 text-electricViolet-950`}
+          >
+            Play date
+          </Text>
+        </Pressable>
+        <Pressable
+          onPress={() => navigation.navigate('Search Filters')}
+          style={ruffwind`
+          items-center
+          border-chatelle-400
+          rounded-${moderateScaleTW(4)}
+          border-${moderateScaleTW(1)}
+          gap-${moderateScaleTW(8)}
+          py-${moderateScaleTW(12)}
+          w-${moderateScaleTW(106)}
+        `}
+        >
+          <Image
+            style={ruffwind.style(
+              createImageSize(34),
+              'items-center justify-center'
+            )}
+            source={require('@rufferal/assets/src/icons/search-feeding.png')}
+          />
+          <Text
+            style={ruffwind`font-bodySemibold text-b2 text-electricViolet-950`}
+          >
+            Feeding
+          </Text>
+        </Pressable>
+        <Pressable
+          onPress={() => navigation.navigate('Search Filters')}
+          style={ruffwind`
+          items-center
+          border-chatelle-400
+          rounded-${moderateScaleTW(4)}
+          border-${moderateScaleTW(1)}
+          gap-${moderateScaleTW(8)}
+          py-${moderateScaleTW(12)}
+          w-${moderateScaleTW(106)}
+        `}
+        >
+          <Image
+            style={ruffwind.style(
+              createImageSize(34),
+              'items-center justify-center'
+            )}
+            source={require('@rufferal/assets/src/icons/search-overnight.png')}
+          />
+          <Text
+            style={ruffwind`font-bodySemibold text-b2 text-electricViolet-950`}
+          >
+            Overnight
+          </Text>
+        </Pressable>
+        <Pressable
+          onPress={() => navigation.navigate('Search Filters')}
+          style={ruffwind`
+          items-center
+          border-chatelle-400
+          rounded-${moderateScaleTW(4)}
+          border-${moderateScaleTW(1)}
+          gap-${moderateScaleTW(8)}
+          py-${moderateScaleTW(12)}
+          w-${moderateScaleTW(106)}
+        `}
+        >
+          <Image
+            style={ruffwind.style(
+              createImageSize(34),
+              'items-center justify-center'
+            )}
+            source={require('@rufferal/assets/src/icons/search-search-all.png')}
+          />
+          <Text
+            style={ruffwind`font-bodySemibold text-b2 text-electricViolet-950`}
+          >
+            Search all
+          </Text>
+        </Pressable>
+      </View>
+    </View>
+    {/* RESULTS HEADER */}
+    <View
+      style={ruffwind`
+        bg-whisper-50
+        justify-center
+        h-${moderateScaleTW(23)}
+        pb-${moderateScaleTW(8)}
+        px-${moderateScaleTW(20)}
+      `}
+    >
+      <Text style={ruffwind`font-bodyBold text-b3 text-balticSea-950`}>
+        Caretakers near you
+      </Text>
+    </View>
+  </View>
+);
diff --git a/ui/src/components/organisms/caretaker-search-item/caretaker-search-item.spec.tsx b/ui/src/components/organisms/caretaker-search-item/caretaker-search-item.spec.tsx
new file mode 100644
index 0000000..c1522d8
--- /dev/null
+++ b/ui/src/components/organisms/caretaker-search-item/caretaker-search-item.spec.tsx
@@ -0,0 +1,10 @@
+import { render } from '@testing-library/react-native';
+
+import { CaretakerSearchItem } from './caretaker-search-item';
+
+describe('CaretakerSearchItem', () => {
+  it('should render successfully', () => {
+    const { root } = render(<CaretakerSearchItem />);
+    expect(root).toBeTruthy();
+  });
+});
diff --git a/ui/src/components/organisms/caretaker-search-item/caretaker-search-item.tsx b/ui/src/components/organisms/caretaker-search-item/caretaker-search-item.tsx
new file mode 100644
index 0000000..8c16843
--- /dev/null
+++ b/ui/src/components/organisms/caretaker-search-item/caretaker-search-item.tsx
@@ -0,0 +1,146 @@
+import { ruffwind } from '@rufferal/tailwind';
+import {
+  createImageSize,
+  GLOBAL_ICON_SIZE_MEDIUM,
+  moderateScaleTW,
+  starRatingDisplay,
+  surnameLetter,
+} from '@rufferal/utils';
+import { Image } from 'expo-image';
+import { Pressable, Text, View } from 'react-native';
+import { LayeredAvatars } from '../../molecules';
+
+export type Caretaker = {
+  id: string;
+  forename: string;
+  surname: string;
+  starRating: number;
+  rufferalCount: number;
+  rufferalSampling: string[];
+  minimumBookingCost: number;
+  isFavorite: boolean;
+  avatar: string;
+};
+
+export const CaretakerSearchItem = ({
+  caretaker,
+}: {
+  caretaker: Caretaker;
+}) => (
+  <Pressable
+    style={ruffwind`
+      h-${moderateScaleTW(145)}
+      mb-${moderateScaleTW(8)}
+      w-${moderateScaleTW(160)}
+    `}
+    onPress={() => console.log('MAIN BUTTON')}
+  >
+    <View style={ruffwind`gap-${moderateScaleTW(4)}`}>
+      {/* CARETAKER AVATAR */}
+      <View style={ruffwind``}>
+        <Image
+          style={ruffwind.style(
+            createImageSize(100, 160),
+            `items-center justify-center rounded-${moderateScaleTW(4)}`
+          )}
+          source={caretaker.avatar}
+        />
+        <View
+          style={ruffwind`
+            absolute
+            bg-balticSea-950
+            items-center
+            justify-center
+            opacity-85
+            bottom-${moderateScaleTW(4)}
+            h-${moderateScaleTW(20)}
+            px-${moderateScaleTW(8)}
+            right-${moderateScaleTW(4)}
+          `}
+        >
+          <Text style={ruffwind`font-body text-b1Medium text-white`}>
+            from{` `}
+            <Text style={ruffwind`font-bodyBold text-white text-b1Medium`}>
+              ${caretaker.minimumBookingCost}
+            </Text>
+          </Text>
+        </View>
+      </View>
+      {/* CARETAKER DETAILS */}
+      <View style={ruffwind`mb-${moderateScaleTW(8)}`}>
+        {/* NAME */}
+        <Text style={ruffwind`font-bodyBold text-b2 text-balticSea-950`}>
+          {caretaker.forename} {surnameLetter(caretaker.surname)}
+        </Text>
+        <View style={ruffwind`flex-row justify-between`}>
+          {/* STAR RATING */}
+          <View style={ruffwind`flex-row items-center`}>
+            <Image
+              style={ruffwind.style(
+                createImageSize(10),
+                `items-center justify-center`
+              )}
+              source={require('@rufferal/assets/src/icons/star.png')}
+              tintColor={'#695C6F'}
+            />
+            <Text
+              style={ruffwind`
+                font-body text-b1Small text-saltBox-700 ml-${moderateScaleTW(2)}
+              `}
+            >
+              {starRatingDisplay(caretaker.starRating)}
+            </Text>
+          </View>
+          {/* RUFFERALS */}
+          <View style={ruffwind`flex-row items-center justify-end`}>
+            <LayeredAvatars imageUrls={caretaker.rufferalSampling} />
+            <Text
+              style={ruffwind`font-body text-b1Small text-saltBox-700 pl-${moderateScaleTW(
+                2
+              )}`}
+            >
+              {caretaker.rufferalCount} booked nearby
+            </Text>
+          </View>
+        </View>
+      </View>
+    </View>
+    {/* FAVORITES BUTTON */}
+    <Pressable
+      style={ruffwind`
+        absolute
+        bg-balticSea-950
+        items-center
+        justify-center
+        opacity-85
+        rounded-full
+        h-${moderateScaleTW(24)}
+        p-${moderateScaleTW(5.25)}
+        right-${moderateScaleTW(4)}
+        top-${moderateScaleTW(4)}
+        w-${moderateScaleTW(24)}
+      `}
+      onPress={() => console.log('LAYERED BUTTON')}
+    >
+      {caretaker.isFavorite ? (
+        <Image
+          style={ruffwind.style(
+            GLOBAL_ICON_SIZE_MEDIUM,
+            `items-center justify-center`
+          )}
+          source={require('@rufferal/assets/src/icons/heart-filled.png')}
+          tintColor={'#EFD6FE'}
+        />
+      ) : (
+        <Image
+          style={ruffwind.style(
+            GLOBAL_ICON_SIZE_MEDIUM,
+            `items-center justify-center`
+          )}
+          source={require('@rufferal/assets/src/icons/heart-open.png')}
+          tintColor={'#EFD6FE'}
+        />
+      )}
+    </Pressable>
+  </Pressable>
+);
diff --git a/ui/src/components/organisms/index.ts b/ui/src/components/organisms/index.ts
index e1b2dae..9609a61 100644
--- a/ui/src/components/organisms/index.ts
+++ b/ui/src/components/organisms/index.ts
@@ -10,4 +10,8 @@
  *
  */
 
+export type { Caretaker } from './caretaker-search-item/caretaker-search-item';
+
+export { CaretakerSearchHeader } from './caretaker-search-header/caretaker-search-header';
+export { CaretakerSearchItem } from './caretaker-search-item/caretaker-search-item';
 export { FeatureNavigation } from './feature-navigation/feature-navigation';
diff --git a/ui/src/components/pages/index.ts b/ui/src/components/pages/index.ts
index fd0ab65..79301f4 100644
--- a/ui/src/components/pages/index.ts
+++ b/ui/src/components/pages/index.ts
@@ -20,5 +20,8 @@ export { DogCareplan } from './pets/create/dogs/dog-careplan/dog-careplan';
 export { DogDetails } from './pets/create/dogs/dog-details/dog-details';
 export { DogPersonality } from './pets/create/dogs/dog-personality/dog-personality';
 export { ManagePets } from './pets/manage-pets/manage-pets';
-export { PetSplash } from './profiles/create/pet-splash/pet-splash';
-export { Search } from './search/search/search';
+export { PetSplash } from './pets/pet-splash/pet-splash';
+export { ProfileSplash } from './profile/profile-splash/profile-splash';
+export { SearchDashboard } from './search/search-dashboard/search-dashboard';
+export { SearchFilters } from './search/search-filters/search-filters';
+export { SearchResults } from './search/search-results/search-results';
diff --git a/ui/src/components/pages/pets/create/cats/cat-avatar/cat-avatar.tsx b/ui/src/components/pages/pets/create/cats/cat-avatar/cat-avatar.tsx
index ab5fbbd..9a54901 100644
--- a/ui/src/components/pages/pets/create/cats/cat-avatar/cat-avatar.tsx
+++ b/ui/src/components/pages/pets/create/cats/cat-avatar/cat-avatar.tsx
@@ -52,7 +52,7 @@ export const CatAvatar = observer(({ navigation }: PageNavigationProps) => {
 
       try {
         console.log('BLARG:TODO - handle backend submission', data);
-        navigation.navigate('Manage Pets');
+        navigation.navigate('Pets Dashboard');
       } catch (err) {
         setError(String(err));
       } finally {
@@ -104,14 +104,18 @@ export const CatAvatar = observer(({ navigation }: PageNavigationProps) => {
               )}
             >
               {error && <FieldHelper text={error} align={'text-center'} />}
-              <Button text={defaults?.uri ? 'Update' : 'Next'} onPress={onSubmit} loading={loading} />
+              <Button
+                text={defaults?.uri ? 'Update' : 'Next'}
+                onPress={onSubmit}
+                loading={loading}
+              />
               <Button
                 text="Cancel"
                 type="transparent"
                 size="standard-short"
                 onPress={() => {
                   observablePetStore.setEditing({ id: undefined });
-                  navigation.navigate('Manage Pets');
+                  navigation.navigate('Pets Dashboard');
                 }}
                 loading={loading}
               />
diff --git a/ui/src/components/pages/pets/create/cats/cat-careplan/cat-careplan.tsx b/ui/src/components/pages/pets/create/cats/cat-careplan/cat-careplan.tsx
index 650dc3e..8135e13 100644
--- a/ui/src/components/pages/pets/create/cats/cat-careplan/cat-careplan.tsx
+++ b/ui/src/components/pages/pets/create/cats/cat-careplan/cat-careplan.tsx
@@ -137,14 +137,14 @@ export const CatCareplan = observer(({ navigation }: PageNavigationProps) => {
       }
       observablePetStore.setEditing({ id: undefined });
       setLoading(false);
-      navigation.navigate('Manage Pets');
+      navigation.navigate('Pets Dashboard');
     } else {
       // Handle form submission
       setError('');
 
       try {
         console.log('BLARG:TODO - handle backend submission', data);
-        navigation.navigate('Manage Pets');
+        navigation.navigate('Pets Dashboard');
       } catch (err) {
         setError(String(err));
       } finally {
@@ -214,7 +214,7 @@ export const CatCareplan = observer(({ navigation }: PageNavigationProps) => {
             size="standard-short"
             onPress={() => {
               observablePetStore.setEditing({ id: undefined });
-              navigation.navigate('Manage Pets');
+              navigation.navigate('Pets Dashboard');
             }}
             loading={loading}
           />
diff --git a/ui/src/components/pages/pets/create/cats/cat-details/cat-details.tsx b/ui/src/components/pages/pets/create/cats/cat-details/cat-details.tsx
index b7a8a9f..e2a617b 100644
--- a/ui/src/components/pages/pets/create/cats/cat-details/cat-details.tsx
+++ b/ui/src/components/pages/pets/create/cats/cat-details/cat-details.tsx
@@ -99,7 +99,7 @@ export const CatDetails = observer(({ navigation }: PageNavigationProps) => {
 
   return (
     <ScrollFeatureTemplate
-      backNavigation={() => navigation.navigate('Manage Pets')}
+      backNavigation={() => navigation.navigate('Pets Dashboard')}
       scrollRef={scrollRef}
       forwardNavigation={
         defaults?.name ? () => navigation.navigate('Cat Avatar') : undefined
@@ -279,7 +279,7 @@ export const CatDetails = observer(({ navigation }: PageNavigationProps) => {
             size="standard-short"
             onPress={() => {
               observablePetStore.setEditing({ id: undefined });
-              navigation.navigate('Manage Pets');
+              navigation.navigate('Pets Dashboard');
             }}
             loading={loading}
           />
diff --git a/ui/src/components/pages/pets/create/cats/cat-personality/cat-personality.tsx b/ui/src/components/pages/pets/create/cats/cat-personality/cat-personality.tsx
index f1e9a01..c1090ed 100644
--- a/ui/src/components/pages/pets/create/cats/cat-personality/cat-personality.tsx
+++ b/ui/src/components/pages/pets/create/cats/cat-personality/cat-personality.tsx
@@ -75,7 +75,7 @@ export const CatPersonality = observer(
 
         try {
           console.log('BLARG:TODO - handle backend submission', data);
-          navigation.navigate('Manage Pets');
+          navigation.navigate('Pets Dashboard');
         } catch (err) {
           setError(String(err));
         } finally {
@@ -331,7 +331,7 @@ export const CatPersonality = observer(
               size="standard-short"
               onPress={() => {
                 observablePetStore.setEditing({ id: undefined });
-                navigation.navigate('Manage Pets');
+                navigation.navigate('Pets Dashboard');
               }}
               loading={loading}
             />
diff --git a/ui/src/components/pages/pets/create/dogs/dog-avatar/dog-avatar.tsx b/ui/src/components/pages/pets/create/dogs/dog-avatar/dog-avatar.tsx
index 4bec77e..caeff46 100644
--- a/ui/src/components/pages/pets/create/dogs/dog-avatar/dog-avatar.tsx
+++ b/ui/src/components/pages/pets/create/dogs/dog-avatar/dog-avatar.tsx
@@ -52,7 +52,7 @@ export const DogAvatar = observer(({ navigation }: PageNavigationProps) => {
 
       try {
         console.log('BLARG:TODO - handle backend submission', data);
-        navigation.navigate('Manage Pets');
+        navigation.navigate('Pets Dashboard');
       } catch (err) {
         setError(String(err));
       } finally {
@@ -115,7 +115,7 @@ export const DogAvatar = observer(({ navigation }: PageNavigationProps) => {
                 size="standard-short"
                 onPress={() => {
                   observablePetStore.setEditing({ id: undefined });
-                  navigation.navigate('Manage Pets');
+                  navigation.navigate('Pets Dashboard');
                 }}
                 loading={loading}
               />
diff --git a/ui/src/components/pages/pets/create/dogs/dog-careplan/dog-careplan.tsx b/ui/src/components/pages/pets/create/dogs/dog-careplan/dog-careplan.tsx
index 5b0b4d7..a4bfb81 100644
--- a/ui/src/components/pages/pets/create/dogs/dog-careplan/dog-careplan.tsx
+++ b/ui/src/components/pages/pets/create/dogs/dog-careplan/dog-careplan.tsx
@@ -137,14 +137,14 @@ export const DogCareplan = observer(({ navigation }: PageNavigationProps) => {
       }
       observablePetStore.setEditing({ id: undefined });
       setLoading(false);
-      navigation.navigate('Manage Pets');
+      navigation.navigate('Pets Dashboard');
     } else {
       // Handle form submission
       setError('');
 
       try {
         console.log('BLARG:TODO - handle backend submission', data);
-        navigation.navigate('Manage Pets');
+        navigation.navigate('Pets Dashboard');
       } catch (err) {
         setError(String(err));
       } finally {
@@ -214,7 +214,7 @@ export const DogCareplan = observer(({ navigation }: PageNavigationProps) => {
             size="standard-short"
             onPress={() => {
               observablePetStore.setEditing({ id: undefined });
-              navigation.navigate('Manage Pets');
+              navigation.navigate('Pets Dashboard');
             }}
             loading={loading}
           />
diff --git a/ui/src/components/pages/pets/create/dogs/dog-details/dog-details.tsx b/ui/src/components/pages/pets/create/dogs/dog-details/dog-details.tsx
index d7a46c2..bb119fe 100644
--- a/ui/src/components/pages/pets/create/dogs/dog-details/dog-details.tsx
+++ b/ui/src/components/pages/pets/create/dogs/dog-details/dog-details.tsx
@@ -103,7 +103,7 @@ export const DogDetails = observer(({ navigation }: PageNavigationProps) => {
 
   return (
     <ScrollFeatureTemplate
-      backNavigation={() => navigation.navigate('Manage Pets')}
+      backNavigation={() => navigation.navigate('Pets Dashboard')}
       scrollRef={scrollRef}
       forwardNavigation={
         defaults?.name ? () => navigation.navigate('Dog Avatar') : undefined
@@ -282,7 +282,7 @@ export const DogDetails = observer(({ navigation }: PageNavigationProps) => {
             size="standard-short"
             onPress={() => {
               observablePetStore.setEditing({ id: undefined });
-              navigation.navigate('Manage Pets');
+              navigation.navigate('Pets Dashboard');
             }}
             loading={loading}
           />
diff --git a/ui/src/components/pages/pets/create/dogs/dog-personality/dog-personality.tsx b/ui/src/components/pages/pets/create/dogs/dog-personality/dog-personality.tsx
index b428c6e..1120428 100644
--- a/ui/src/components/pages/pets/create/dogs/dog-personality/dog-personality.tsx
+++ b/ui/src/components/pages/pets/create/dogs/dog-personality/dog-personality.tsx
@@ -75,7 +75,7 @@ export const DogPersonality = observer(
 
         try {
           console.log('BLARG:TODO - handle backend submission', data);
-          navigation.navigate('Manage Pets');
+          navigation.navigate('Pets Dashboard');
         } catch (err) {
           setError(String(err));
         } finally {
@@ -331,7 +331,7 @@ export const DogPersonality = observer(
               size="standard-short"
               onPress={() => {
                 observablePetStore.setEditing({ id: undefined });
-                navigation.navigate('Manage Pets');
+                navigation.navigate('Pets Dashboard');
               }}
               loading={loading}
             />
diff --git a/ui/src/components/pages/pets/manage-pets/manage-pets.tsx b/ui/src/components/pages/pets/manage-pets/manage-pets.tsx
index 704d281..1fecf2b 100644
--- a/ui/src/components/pages/pets/manage-pets/manage-pets.tsx
+++ b/ui/src/components/pages/pets/manage-pets/manage-pets.tsx
@@ -14,9 +14,7 @@ export const ManagePets = observer(({ navigation }: PageNavigationProps) => {
   const pets = observablePetStore.activePets();
 
   return (
-    <FeatureTemplate
-      backNavigation={() => navigation.navigate('Create Pets Onboarding')}
-    >
+    <FeatureTemplate backNavigation={() => navigation.navigate('Pet Splash')}>
       <View style={ruffwind`pt-6 gap-6`}>
         <H3 text="Pet profiles" />
         {pets.length > 0 ? (
diff --git a/ui/src/components/pages/profiles/create/pet-splash/pet-splash.spec.tsx b/ui/src/components/pages/pets/pet-splash/pet-splash.spec.tsx
similarity index 100%
rename from ui/src/components/pages/profiles/create/pet-splash/pet-splash.spec.tsx
rename to ui/src/components/pages/pets/pet-splash/pet-splash.spec.tsx
diff --git a/ui/src/components/pages/profiles/create/pet-splash/pet-splash.tsx b/ui/src/components/pages/pets/pet-splash/pet-splash.tsx
similarity index 77%
rename from ui/src/components/pages/profiles/create/pet-splash/pet-splash.tsx
rename to ui/src/components/pages/pets/pet-splash/pet-splash.tsx
index 81c115c..69732fa 100644
--- a/ui/src/components/pages/profiles/create/pet-splash/pet-splash.tsx
+++ b/ui/src/components/pages/pets/pet-splash/pet-splash.tsx
@@ -1,13 +1,11 @@
-import { Image } from 'expo-image';
-import { Platform, Text, View } from 'react-native';
-
 import { ruffwind } from '@rufferal/tailwind';
+import { PageNavigationProps } from '@rufferal/types';
 import { verticalScale, verticalScaleTW } from '@rufferal/utils';
-import { Bottomsheet, Button, H2 } from '../../../../atoms';
-import { SplashTemplate } from '../../../../templates';
-import { PageNavigationProps } from '../../..';
+import { Image } from 'expo-image';
+import { Platform, Text, View } from 'react-native';
 
-// interface PetSplashProps extends PageNavigationProps {}
+import { Bottomsheet, Button, H2 } from '../../../atoms';
+import { SplashTemplate } from '../../../templates';
 
 export const PetSplash = ({ navigation }: PageNavigationProps) => {
   const isIOS = Platform.OS === 'ios';
@@ -21,7 +19,7 @@ export const PetSplash = ({ navigation }: PageNavigationProps) => {
       >
         <Image
           style={ruffwind`flex-1`}
-          source={require('@rufferal/assets/src/images/husky-and-orange-cat.png')}
+          source={require('@rufferal/assets/src/images/husky-and-orange-cat-small.png')}
         />
       </View>
       <Bottomsheet
@@ -39,7 +37,10 @@ const PetSplashSheet = ({ navigation }: PageNavigationProps) => {
   return (
     <View>
       <View style={ruffwind`gap-3`}>
-        <H2 text={<>Arf-mazing!{`\n`}Build your pet profile</>} />
+        <H2
+          align="text-center"
+          text={<>Arf-mazing!{`\n`}Build your pet profile</>}
+        />
         <Text
           style={ruffwind`font-body text-center text-b3 text-balticSea-950`}
         >
@@ -48,9 +49,9 @@ const PetSplashSheet = ({ navigation }: PageNavigationProps) => {
         </Text>
       </View>
       <View style={ruffwind`mt-[45px] gap-2`}>
-        <Button onPress={() => navigation.navigate('Manage Pets')} />
+        <Button onPress={() => navigation.navigate('Pets Dashboard')} />
         <Button
-          onPress={() => navigation.navigate('Search')}
+          onPress={() => navigation.navigate('Search Dashboard')}
           text="Skip for now"
           type="transparent"
           size="standard-short"
diff --git a/ui/src/components/pages/search/search/search.spec.tsx b/ui/src/components/pages/profile/profile-splash/profile-splash.spec.tsx
similarity index 51%
rename from ui/src/components/pages/search/search/search.spec.tsx
rename to ui/src/components/pages/profile/profile-splash/profile-splash.spec.tsx
index b97b9de..564d37b 100644
--- a/ui/src/components/pages/search/search/search.spec.tsx
+++ b/ui/src/components/pages/profile/profile-splash/profile-splash.spec.tsx
@@ -1,10 +1,10 @@
 import { render } from '@testing-library/react-native';
 
-import { Search } from './search';
+import { ProfileSplash } from './profile-splash';
 
-describe('Search', () => {
+describe('ProfileSplash', () => {
   it('should render successfully', () => {
-    const { root } = render(<Search />);
+    const { root } = render(<ProfileSplash />);
     expect(root).toBeTruthy();
   });
 });
diff --git a/ui/src/components/pages/profile/profile-splash/profile-splash.tsx b/ui/src/components/pages/profile/profile-splash/profile-splash.tsx
new file mode 100644
index 0000000..fb71b19
--- /dev/null
+++ b/ui/src/components/pages/profile/profile-splash/profile-splash.tsx
@@ -0,0 +1,63 @@
+import { ruffwind } from '@rufferal/tailwind';
+import { PageNavigationProps } from '@rufferal/types';
+import { verticalScale, verticalScaleTW } from '@rufferal/utils';
+import { Image } from 'expo-image';
+import { Platform, Text, View } from 'react-native';
+
+import { Bottomsheet, Button, H2 } from '../../../atoms';
+import { SplashTemplate } from '../../../templates';
+
+export const ProfileSplash = ({ navigation }: PageNavigationProps) => {
+  const isIOS = Platform.OS === 'ios';
+
+  return (
+    <SplashTemplate bgColor="bg-blizzardBlue-200">
+      <View
+        style={ruffwind.style(
+          isIOS ? `h-${verticalScaleTW(378)}` : `h-${verticalScaleTW(412)}`
+        )}
+      >
+        <Image
+          style={ruffwind`flex-1`}
+          source={require('@rufferal/assets/src/images/orange-kitten-small.png')}
+        />
+      </View>
+      <Bottomsheet
+        content={<ProfileSplashSheet navigation={navigation} />}
+        snapPoints={isIOS ? [verticalScale(389)] : [verticalScale(399)]}
+      />
+    </SplashTemplate>
+  );
+};
+
+/* ********** */
+/* COMPONENTS */
+/* ********** */
+const ProfileSplashSheet = ({ navigation }: PageNavigationProps) => {
+  return (
+    <View>
+      <View style={ruffwind`gap-3`}>
+        <H2
+          align="text-center"
+          text={<>Arf-mazing!{`\n`}Build your pet profile</>}
+        />
+        <Text
+          style={ruffwind`font-body text-center text-b3 text-balticSea-950`}
+        >
+          Add your cat or dog’s genetic details, personality,{`\n`}and care
+          instructions for easy booking
+        </Text>
+      </View>
+      <View style={ruffwind`mt-[45px] gap-2`}>
+        <Button onPress={() => navigation.navigate('Pets Dashboard')} />
+        <Button
+          onPress={() => navigation.navigate('Search Dashboard')}
+          text="Skip for now"
+          type="transparent"
+          size="standard-short"
+          rounded={false}
+        />
+      </View>
+    </View>
+  );
+};
diff --git a/ui/src/components/pages/search/search-dashboard/mock-constants.ts b/ui/src/components/pages/search/search-dashboard/mock-constants.ts
new file mode 100644
index 0000000..6851db2
--- /dev/null
+++ b/ui/src/components/pages/search/search-dashboard/mock-constants.ts
@@ -0,0 +1,285 @@
+import { Caretaker } from '../../../organisms';
+
+export type PetOwner = {
+  id: string;
+  avatar: string;
+};
+
+export const MOCK_PET_OWNERS: PetOwner[] = [
+  {
+    id: '1',
+    avatar: require('@rufferal/assets/src/images/mocks/asian-teenager-s-close-up-portrait-isolated-blue-studio/asian-teenager-s-close-up-portrait-isolated-blue-studio.jpg'),
+  },
+  {
+    id: '2',
+    avatar: require('@rufferal/assets/src/images/mocks/front-view-man-with-beard-posing/front-view-man-with-beard-posing.jpg'),
+  },
+  {
+    id: '3',
+    avatar: require('@rufferal/assets/src/images/mocks/handsome-man-outdoors-portrait/handsome-man-outdoors-portrait.jpg'),
+  },
+  {
+    id: '4',
+    avatar: require('@rufferal/assets/src/images/mocks/portrait-asian-teen-boy/portrait-asian-teen-boy.jpg'),
+  },
+  {
+    id: '5',
+    avatar: require('@rufferal/assets/src/images/mocks/portrait-beautiful-woman-wearing-formal-clothes/portrait-beautiful-woman-wearing-formal-clothes.jpg'),
+  },
+  {
+    id: '6',
+    avatar: require('@rufferal/assets/src/images/mocks/portrait-man-laughing/portrait-man-laughing.jpg'),
+  },
+  {
+    id: '7',
+    avatar: require('@rufferal/assets/src/images/mocks/portrait-smiling-woman-outdoors-with-beanie/portrait-smiling-woman-outdoors-with-beanie.jpg'),
+  },
+  {
+    id: '8',
+    avatar: require('@rufferal/assets/src/images/mocks/portrait-smiling-woman-patient-looking-camera-sitting-chair-waiting-room-stomatologic/portrait-smiling-woman-patient-looking-camera-sitting-chair-waiting-room-stomatologic.jpg'),
+  },
+  {
+    id: '9',
+    avatar: require('@rufferal/assets/src/images/mocks/portrait-white-man-isolated/portrait-white-man-isolated.jpg'),
+  },
+  {
+    id: '10',
+    avatar: require('@rufferal/assets/src/images/mocks/portrait-young-happy-man/portrait-young-happy-man.jpg'),
+  },
+  {
+    id: '11',
+    avatar: require('@rufferal/assets/src/images/mocks/smiley-woman-adventure-nature/smiley-woman-adventure-nature.jpg'),
+  },
+  {
+    id: '12',
+    avatar: require('@rufferal/assets/src/images/mocks/woman-wearing-glasses-looking-away/woman-wearing-glasses-looking-away.jpg'),
+  },
+  {
+    id: '13',
+    avatar: require('@rufferal/assets/src/images/mocks/worldface-american-woman-white-background/worldface-american-woman-white-background.jpg'),
+  },
+  {
+    id: '14',
+    avatar: require('@rufferal/assets/src/images/mocks/authentic-small-youthful-marketing-agency/authentic-small-youthful-marketing-agency.jpg'),
+  },
+  {
+    id: '15',
+    avatar: require('@rufferal/assets/src/images/mocks/beautiful-african-american-woman-cafe/beautiful-african-american-woman-cafe.jpg'),
+  },
+  {
+    id: '16',
+    avatar: require('@rufferal/assets/src/images/mocks/close-up-smiley-woman-taking-selfie/close-up-smiley-woman-taking-selfie.jpg'),
+  },
+  {
+    id: '17',
+    avatar: require('@rufferal/assets/src/images/mocks/close-up-view-attractive-adult-male-with-beard-sitting-open-terrace-typing-laptop-looking-screen-with-interested-smile-using-wi-fi-communicate-online-while-away-vacations/close-up-view-attractive-adult-male-with-beard-sitting-open-terrace-typing-laptop-looking-screen-with-interested-smile-using-wi-fi-communicate-online-while-away-vacations.jpg'),
+  },
+  {
+    id: '18',
+    avatar: require('@rufferal/assets/src/images/mocks/front-view-handsome-african-american-man-looking/front-view-handsome-african-american-man-looking.jpg'),
+  },
+  {
+    id: '19',
+    avatar: require('@rufferal/assets/src/images/mocks/front-view-smiley-woman-home/front-view-smiley-woman-home.jpg'),
+  },
+  {
+    id: '20',
+    avatar: require('@rufferal/assets/src/images/mocks/medium-shot-happy-woman/medium-shot-happy-woman.jpg'),
+  },
+  {
+    id: '21',
+    avatar: require('@rufferal/assets/src/images/mocks/portrait-young-woman-street/portrait-young-woman-street.jpg'),
+  },
+  {
+    id: '22',
+    avatar: require('@rufferal/assets/src/images/mocks/positive-happy-black-lady-posing-outdoors-smiling/positive-happy-black-lady-posing-outdoors-smiling.jpg'),
+  },
+  {
+    id: '23',
+    avatar: require('@rufferal/assets/src/images/mocks/stylish-brunette-girl-with-pierced-nose-trendy-shirt-smiling-white-teeth-looking-camera-standing-happy-confident-against-studio-background/stylish-brunette-girl-with-pierced-nose-trendy-shirt-smiling-white-teeth-looking-camera-standing-happy-confident-against-studio-background.jpg'),
+  },
+  //   { id: '24', avatar: require('@rufferal/') },
+  //   { id: '25', avatar: require('@rufferal/') },
+  //   { id: '26', avatar: require('@rufferal/') },
+  //   { id: '27', avatar: require('@rufferal/') },
+];
+
+export const MOCK_CARETAKERS: Caretaker[] = [
+  {
+    id: 'bd7acbea-c1b1-46c2-aed5-3ad53abb28ba',
+    forename: 'Paris',
+    surname: 'Monaghan',
+    starRating: 4.9,
+    rufferalCount: 27,
+    rufferalSampling: [
+      require('@rufferal/assets/src/images/mocks/front-view-man-with-beard-posing/front-view-man-with-beard-posing.jpg'),
+      require('@rufferal/assets/src/images/mocks/portrait-smiling-woman-patient-looking-camera-sitting-chair-waiting-room-stomatologic/portrait-smiling-woman-patient-looking-camera-sitting-chair-waiting-room-stomatologic.jpg'),
+      require('@rufferal/assets/src/images/mocks/worldface-american-woman-white-background/worldface-american-woman-white-background.jpg'),
+    ],
+    minimumBookingCost: 29,
+    isFavorite: false,
+    avatar: require('@rufferal/assets/src/images/mocks/search-mock-1.png'),
+  },
+  {
+    id: '3ac68afc-c605-48d3-a4f8-fbd91aa97f63',
+    forename: 'Antonio',
+    surname: 'Salazar',
+    starRating: 5.0,
+    rufferalCount: 13,
+    rufferalSampling: [
+      require('@rufferal/assets/src/images/mocks/asian-teenager-s-close-up-portrait-isolated-blue-studio/asian-teenager-s-close-up-portrait-isolated-blue-studio.jpg'),
+      require('@rufferal/assets/src/images/mocks/portrait-asian-teen-boy/portrait-asian-teen-boy.jpg'),
+      require('@rufferal/assets/src/images/mocks/portrait-smiling-woman-outdoors-with-beanie/portrait-smiling-woman-outdoors-with-beanie.jpg'),
+    ],
+    minimumBookingCost: 18,
+    isFavorite: true,
+    avatar: require('@rufferal/assets/src/images/mocks/search-mock-2.png'),
+  },
+  {
+    id: '58694a0f-3da1-471f-bd96-145571e29d72',
+    forename: 'Austin',
+    surname: 'Bones',
+    starRating: 4.6,
+    rufferalCount: 9,
+    rufferalSampling: [
+      require('@rufferal/assets/src/images/mocks/portrait-asian-teen-boy/portrait-asian-teen-boy.jpg'),
+      require('@rufferal/assets/src/images/mocks/portrait-smiling-woman-outdoors-with-beanie/portrait-smiling-woman-outdoors-with-beanie.jpg'),
+      require('@rufferal/assets/src/images/mocks/smiley-woman-adventure-nature/smiley-woman-adventure-nature.jpg'),
+    ],
+    minimumBookingCost: 40,
+    isFavorite: true,
+    avatar: require('@rufferal/assets/src/images/mocks/search-mock-3.png'),
+  },
+  {
+    id: 'uiowuher-827y-sjdh-d9au-fhiuw3ho8wei',
+    forename: 'Fayette',
+    surname: 'Vasquez',
+    starRating: 4.8,
+    rufferalCount: 6,
+    rufferalSampling: [
+      require('@rufferal/assets/src/images/mocks/front-view-man-with-beard-posing/front-view-man-with-beard-posing.jpg'),
+      require('@rufferal/assets/src/images/mocks/portrait-white-man-isolated/portrait-white-man-isolated.jpg'),
+      require('@rufferal/assets/src/images/mocks/woman-wearing-glasses-looking-away/woman-wearing-glasses-looking-away.jpg'),
+    ],
+    minimumBookingCost: 37,
+    isFavorite: false,
+    avatar: require('@rufferal/assets/src/images/mocks/search-mock-4.png'),
+  },
+  {
+    id: '5e7f45a3-3b2a-4d62-9f84-2a8c2d4b5479',
+    forename: 'Emma',
+    surname: 'Johnson',
+    starRating: 4.5,
+    rufferalCount: 5,
+    rufferalSampling: [
+      require('@rufferal/assets/src/images/mocks/asian-teenager-s-close-up-portrait-isolated-blue-studio/asian-teenager-s-close-up-portrait-isolated-blue-studio.jpg'),
+      require('@rufferal/assets/src/images/mocks/portrait-beautiful-woman-wearing-formal-clothes/portrait-beautiful-woman-wearing-formal-clothes.jpg'),
+      require('@rufferal/assets/src/images/mocks/portrait-young-happy-man/portrait-young-happy-man.jpg'),
+    ],
+    minimumBookingCost: 45,
+    isFavorite: false,
+    avatar: require('@rufferal/assets/src/images/mocks/search-mock-1.png'),
+  },
+  {
+    id: '71c7c10b-4c6f-442e-9e05-03a98c1f9a1e',
+    forename: 'Liam',
+    surname: 'Smith',
+    starRating: 4.2,
+    rufferalCount: 6,
+    rufferalSampling: [
+      require('@rufferal/assets/src/images/mocks/portrait-smiling-woman-patient-looking-camera-sitting-chair-waiting-room-stomatologic/portrait-smiling-woman-patient-looking-camera-sitting-chair-waiting-room-stomatologic.jpg'),
+      require('@rufferal/assets/src/images/mocks/portrait-man-laughing/portrait-man-laughing.jpg'),
+      require('@rufferal/assets/src/images/mocks/worldface-american-woman-white-background/worldface-american-woman-white-background.jpg'),
+    ],
+    minimumBookingCost: 50,
+    isFavorite: false,
+    avatar: require('@rufferal/assets/src/images/mocks/search-mock-2.png'),
+  },
+  {
+    id: 'd0e7ed8d-1d94-48a0-bd68-11c816e5eabb',
+    forename: 'Noah',
+    surname: 'Miller',
+    starRating: 3.0,
+    rufferalCount: 3,
+    rufferalSampling: [
+      require('@rufferal/assets/src/images/mocks/worldface-american-woman-white-background/worldface-american-woman-white-background.jpg'),
+      require('@rufferal/assets/src/images/mocks/front-view-man-with-beard-posing/front-view-man-with-beard-posing.jpg'),
+      require('@rufferal/assets/src/images/mocks/portrait-asian-teen-boy/portrait-asian-teen-boy.jpg'),
+    ],
+    minimumBookingCost: 15,
+    isFavorite: false,
+    avatar: require('@rufferal/assets/src/images/mocks/search-mock-3.png'),
+  },
+  {
+    id: '2c7b10f5-bd5f-4e96-9bb6-64f15dff66a3',
+    forename: 'Sophia',
+    surname: 'Williams',
+    starRating: 3.8,
+    rufferalCount: 4,
+    rufferalSampling: [
+      require('@rufferal/assets/src/images/mocks/woman-wearing-glasses-looking-away/woman-wearing-glasses-looking-away.jpg'),
+      require('@rufferal/assets/src/images/mocks/asian-teenager-s-close-up-portrait-isolated-blue-studio/asian-teenager-s-close-up-portrait-isolated-blue-studio.jpg'),
+      require('@rufferal/assets/src/images/mocks/portrait-smiling-woman-patient-looking-camera-sitting-chair-waiting-room-stomatologic/portrait-smiling-woman-patient-looking-camera-sitting-chair-waiting-room-stomatologic.jpg'),
+    ],
+    minimumBookingCost: 20,
+    isFavorite: false,
+    avatar: require('@rufferal/assets/src/images/mocks/search-mock-4.png'),
+  },
+  {
+    id: '9e45f8a6-d4b9-4d72-b9f3-5f908d01b542',
+    forename: 'Olivia',
+    surname: 'Brown',
+    starRating: 5.0,
+    rufferalCount: 19,
+    rufferalSampling: [
+      require('@rufferal/assets/src/images/mocks/portrait-beautiful-woman-wearing-formal-clothes/portrait-beautiful-woman-wearing-formal-clothes.jpg'),
+      require('@rufferal/assets/src/images/mocks/portrait-smiling-woman-outdoors-with-beanie/portrait-smiling-woman-outdoors-with-beanie.jpg'),
+      require('@rufferal/assets/src/images/mocks/portrait-white-man-isolated/portrait-white-man-isolated.jpg'),
+    ],
+    minimumBookingCost: 75,
+    isFavorite: false,
+    avatar: require('@rufferal/assets/src/images/mocks/search-mock-1.png'),
+  },
+  {
+    id: '3c8e18f6-68cf-4c7a-80f0-982f7a9e1565',
+    forename: 'Ethan',
+    surname: 'Wilson',
+    starRating: 4.7,
+    rufferalCount: 8,
+    rufferalSampling: [
+      require('@rufferal/assets/src/images/mocks/portrait-man-laughing/portrait-man-laughing.jpg'),
+      require('@rufferal/assets/src/images/mocks/handsome-man-outdoors-portrait/handsome-man-outdoors-portrait.jpg'),
+      require('@rufferal/assets/src/images/mocks/smiley-woman-adventure-nature/smiley-woman-adventure-nature.jpg'),
+    ],
+    minimumBookingCost: 85,
+    isFavorite: false,
+    avatar: require('@rufferal/assets/src/images/mocks/search-mock-2.png'),
+  },
+  {
+    id: 'b0cafe43-dac5-4b77-b57f-5c8c93e2e7e5',
+    forename: 'James',
+    surname: 'Moore',
+    starRating: 2.0,
+    rufferalCount: 1,
+    rufferalSampling: [
+      require('@rufferal/assets/src/images/mocks/portrait-young-happy-man/portrait-young-happy-man.jpg'),
+    ],
+    minimumBookingCost: 8,
+    isFavorite: false,
+    avatar: require('@rufferal/assets/src/images/mocks/search-mock-3.png'),
+  },
+  {
+    id: '1c2db2ef-1c7c-49b7-b64b-3eeb1c24e2be',
+    forename: 'Ana',
+    surname: 'Davis',
+    starRating: 2.5,
+    rufferalCount: 2,
+    rufferalSampling: [
+      require('@rufferal/assets/src/images/mocks/portrait-man-laughing/portrait-man-laughing.jpg'),
+      require('@rufferal/assets/src/images/mocks/handsome-man-outdoors-portrait/handsome-man-outdoors-portrait.jpg'),
+    ],
+    minimumBookingCost: 10,
+    isFavorite: false,
+    avatar: require('@rufferal/assets/src/images/mocks/search-mock-4.png'),
+  },
+];
diff --git a/ui/src/components/pages/search/search-dashboard/search-dashboard.spec.tsx b/ui/src/components/pages/search/search-dashboard/search-dashboard.spec.tsx
new file mode 100644
index 0000000..2700477
--- /dev/null
+++ b/ui/src/components/pages/search/search-dashboard/search-dashboard.spec.tsx
@@ -0,0 +1,10 @@
+import { render } from '@testing-library/react-native';
+
+import { SearchDashboard } from './search-dashboard';
+
+describe('SearchDashboard', () => {
+  it('should render successfully', () => {
+    const { root } = render(<SearchDashboard />);
+    expect(root).toBeTruthy();
+  });
+});
diff --git a/ui/src/components/pages/search/search-dashboard/search-dashboard.tsx b/ui/src/components/pages/search/search-dashboard/search-dashboard.tsx
new file mode 100644
index 0000000..7097085
--- /dev/null
+++ b/ui/src/components/pages/search/search-dashboard/search-dashboard.tsx
@@ -0,0 +1,44 @@
+import { ruffwind } from '@rufferal/tailwind';
+import { PageNavigationProps } from '@rufferal/types';
+import { moderateScaleTW } from '@rufferal/utils';
+import { observer } from 'mobx-react-lite';
+import { FlatList, Platform, StatusBar, View } from 'react-native';
+
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { DashboardNavigation } from '../../../../navigation';
+import { CaretakerSearchHeader, CaretakerSearchItem } from '../../../organisms';
+import { MOCK_CARETAKERS } from './mock-constants';
+
+export const SearchDashboard = observer(
+  ({ navigation }: PageNavigationProps) => {
+    const insets = useSafeAreaInsets();
+
+    return (
+      <View
+        style={ruffwind.style(
+          `flex-1 bg-electricViolet-100`,
+          Platform.OS === 'ios' && `pt-${moderateScaleTW(insets.top)}`
+        )}
+      >
+        <StatusBar backgroundColor={'#F6E8FF'} barStyle="light-content" />
+        {/* HEADER + FILTERS + ALL RESULTS */}
+        <FlatList
+          style={ruffwind`flex-1 h-full bg-whisper-50`}
+          numColumns={2}
+          data={MOCK_CARETAKERS}
+          horizontal={false}
+          renderItem={({ item }) => <CaretakerSearchItem caretaker={item} />}
+          keyExtractor={(item) => item.id}
+          ListHeaderComponent={
+            <CaretakerSearchHeader navigation={navigation} />
+          }
+          columnWrapperStyle={ruffwind`
+            gap-${moderateScaleTW(15)} px-${moderateScaleTW(20)}
+          `}
+        />
+        {/* NAVIGATION */}
+        <DashboardNavigation navigation={navigation} />
+      </View>
+    );
+  }
+);
diff --git a/ui/src/components/pages/search/search-filters/search-filters.spec.tsx b/ui/src/components/pages/search/search-filters/search-filters.spec.tsx
new file mode 100644
index 0000000..09cc13d
--- /dev/null
+++ b/ui/src/components/pages/search/search-filters/search-filters.spec.tsx
@@ -0,0 +1,10 @@
+import { render } from '@testing-library/react-native';
+
+import { SearchFilters } from './search-filters';
+
+describe('SearchFilters', () => {
+  it('should render successfully', () => {
+    const { root } = render(<SearchFilters />);
+    expect(root).toBeTruthy();
+  });
+});
diff --git a/ui/src/components/pages/search/search-filters/search-filters.tsx b/ui/src/components/pages/search/search-filters/search-filters.tsx
new file mode 100644
index 0000000..a8b1ae8
--- /dev/null
+++ b/ui/src/components/pages/search/search-filters/search-filters.tsx
@@ -0,0 +1,174 @@
+/* eslint-disable jsx-a11y/accessible-emoji */
+import { ruffwind } from '@rufferal/tailwind';
+import { PageNavigationProps } from '@rufferal/types';
+import {
+  GLOBAL_ICON_SIZE_LARGE,
+  GLOBAL_ICON_SIZE_MEDIUM,
+  moderateScaleTW,
+} from '@rufferal/utils';
+import { Image } from 'expo-image';
+import { observer } from 'mobx-react-lite';
+import { SafeAreaView, Text, View } from 'react-native';
+
+import { H2 } from '../../../atoms';
+
+// <View style={ruffwind``}></View>
+// style={ruffwind``}
+
+export const SearchFilters = observer(({ navigation }: PageNavigationProps) => {
+  return (
+    <SafeAreaView style={ruffwind`flex-1 bg-electricViolet-100`}>
+      <View style={ruffwind`flex-1 justify-between`}>
+        {/* Header and Search */}
+        <View style={ruffwind`flex-1`}>
+          {/* Header */}
+          <View
+            style={ruffwind`
+              gap-${moderateScaleTW(4)}
+              mt-${moderateScaleTW(34)}
+              px-${moderateScaleTW(20)}
+              mb-${moderateScaleTW(10)}
+            `}
+          >
+            <H2
+              text="Search for pet care"
+              textColor="text-electricViolet-800"
+            />
+            <View
+              style={ruffwind`
+                items-center
+                justify-between
+                flex-row
+                h-${moderateScaleTW(32)}
+              `}
+            >
+              <View style={ruffwind`flex-row`}>
+                <Text style={ruffwind`font-body text-b2 text-balticSea-950`}>
+                  in{` `}
+                </Text>
+                <Text
+                  style={ruffwind`font-bodySemibold text-b2 text-balticSea-950`}
+                >
+                  San Antonio, TX
+                </Text>
+              </View>
+              <View
+                style={ruffwind`
+                  items-center
+                  flex-row
+                  gap-${moderateScaleTW(4)}
+                `}
+              >
+                <Image
+                  style={ruffwind.style(
+                    GLOBAL_ICON_SIZE_MEDIUM,
+                    'items-center justify-center'
+                  )}
+                  source={require('@rufferal/assets/src/icons/map.png')}
+                  tintColor={'#AC36E7'}
+                />
+                <Text
+                  style={ruffwind`
+                    font-body
+                    items-end
+                    text-b1Small
+                    text-balticSea-950
+                    underline-balticSea-950
+                    underline-offset-${moderateScaleTW(4)}
+                  `}
+                >
+                  Edit location
+                </Text>
+              </View>
+            </View>
+          </View>
+          {/* Search */}
+          <View style={ruffwind`flex-1`}>
+            <Text>THE STUFF - FILL OUT</Text>
+          </View>
+        </View>
+        {/* Navigation */}
+        <View
+          style={ruffwind`
+          bg-electricViolet-50
+          border-t-electricViolet-600
+          flex-row
+          justify-evenly
+          pb-${moderateScaleTW(20)}
+          pt-${moderateScaleTW(8)}
+          border-t-${moderateScaleTW(1)}
+        `}
+        >
+          <View style={ruffwind`items-center h-${moderateScaleTW(46)}`}>
+            <View style={ruffwind`p-${moderateScaleTW(5)}`}>
+              <Image
+                style={ruffwind.style(
+                  GLOBAL_ICON_SIZE_LARGE,
+                  'items-center justify-center'
+                )}
+                source={require('@rufferal/assets/src/icons/search.png')}
+                tintColor={'#7D23A6'}
+              />
+            </View>
+            <Text
+              style={ruffwind`text-center font-bodyBold text-b1 text-electricViolet-800`}
+            >
+              Search
+            </Text>
+          </View>
+          <View style={ruffwind`items-center h-${moderateScaleTW(46)}`}>
+            <View style={ruffwind`p-${moderateScaleTW(5)}`}>
+              <Image
+                style={ruffwind.style(
+                  GLOBAL_ICON_SIZE_LARGE,
+                  'items-center justify-center'
+                )}
+                source={require('@rufferal/assets/src/icons/booking.png')}
+                tintColor={'#9F90A5'}
+              />
+            </View>
+            <Text
+              style={ruffwind`text-center font-body text-b1Small text-amethystSmoke-600`}
+            >
+              Bookings
+            </Text>
+          </View>
+          <View style={ruffwind`items-center h-${moderateScaleTW(46)}`}>
+            <View style={ruffwind`p-${moderateScaleTW(5)}`}>
+              <Image
+                style={ruffwind.style(
+                  GLOBAL_ICON_SIZE_LARGE,
+                  'items-center justify-center'
+                )}
+                source={require('@rufferal/assets/src/icons/messages.png')}
+                tintColor={'#9F90A5'}
+              />
+            </View>
+            <Text
+              style={ruffwind`text-center font-body text-b1Small text-amethystSmoke-600`}
+            >
+              Messages
+            </Text>
+          </View>
+          <View style={ruffwind`items-center h-${moderateScaleTW(46)}`}>
+            <View style={ruffwind`p-${moderateScaleTW(5)}`}>
+              <Image
+                style={ruffwind.style(
+                  GLOBAL_ICON_SIZE_LARGE,
+                  'items-center justify-center'
+                )}
+                source={require('@rufferal/assets/src/icons/account.png')}
+                tintColor={'#9F90A5'}
+              />
+            </View>
+            <Text
+              style={ruffwind`text-center font-body text-b1Small text-amethystSmoke-600`}
+            >
+              Account
+            </Text>
+          </View>
+        </View>
+      </View>
+    </SafeAreaView>
+  );
+});
diff --git a/ui/src/components/pages/search/search-results/search-results.spec.tsx b/ui/src/components/pages/search/search-results/search-results.spec.tsx
new file mode 100644
index 0000000..cc49350
--- /dev/null
+++ b/ui/src/components/pages/search/search-results/search-results.spec.tsx
@@ -0,0 +1,10 @@
+import { render } from '@testing-library/react-native';
+
+import { SearchResults } from './search-results';
+
+describe('SearchResults', () => {
+  it('should render successfully', () => {
+    const { root } = render(<SearchResults />);
+    expect(root).toBeTruthy();
+  });
+});
diff --git a/ui/src/components/pages/search/search-results/search-results.tsx b/ui/src/components/pages/search/search-results/search-results.tsx
new file mode 100644
index 0000000..6059f91
--- /dev/null
+++ b/ui/src/components/pages/search/search-results/search-results.tsx
@@ -0,0 +1,174 @@
+/* eslint-disable jsx-a11y/accessible-emoji */
+import { ruffwind } from '@rufferal/tailwind';
+import { PageNavigationProps } from '@rufferal/types';
+import {
+  GLOBAL_ICON_SIZE_LARGE,
+  GLOBAL_ICON_SIZE_MEDIUM,
+  moderateScaleTW,
+} from '@rufferal/utils';
+import { Image } from 'expo-image';
+import { observer } from 'mobx-react-lite';
+import { SafeAreaView, Text, View } from 'react-native';
+
+import { H2 } from '../../../atoms';
+
+// <View style={ruffwind``}></View>
+// style={ruffwind``}
+
+export const SearchResults = observer(({ navigation }: PageNavigationProps) => {
+  return (
+    <SafeAreaView style={ruffwind`flex-1 bg-electricViolet-100`}>
+      <View style={ruffwind`flex-1 justify-between`}>
+        {/* Header and Search */}
+        <View style={ruffwind`flex-1`}>
+          {/* Header */}
+          <View
+            style={ruffwind`
+              gap-${moderateScaleTW(4)}
+              mt-${moderateScaleTW(34)}
+              px-${moderateScaleTW(20)}
+              mb-${moderateScaleTW(10)}
+            `}
+          >
+            <H2
+              text="Search for pet care"
+              textColor="text-electricViolet-800"
+            />
+            <View
+              style={ruffwind`
+                items-center
+                justify-between
+                flex-row
+                h-${moderateScaleTW(32)}
+              `}
+            >
+              <View style={ruffwind`flex-row`}>
+                <Text style={ruffwind`font-body text-b2 text-balticSea-950`}>
+                  in{` `}
+                </Text>
+                <Text
+                  style={ruffwind`font-bodySemibold text-b2 text-balticSea-950`}
+                >
+                  San Antonio, TX
+                </Text>
+              </View>
+              <View
+                style={ruffwind`
+                  items-center
+                  flex-row
+                  gap-${moderateScaleTW(4)}
+                `}
+              >
+                <Image
+                  style={ruffwind.style(
+                    GLOBAL_ICON_SIZE_MEDIUM,
+                    'items-center justify-center'
+                  )}
+                  source={require('@rufferal/assets/src/icons/map.png')}
+                  tintColor={'#AC36E7'}
+                />
+                <Text
+                  style={ruffwind`
+                    font-body
+                    items-end
+                    text-b1Small
+                    text-balticSea-950
+                    underline-balticSea-950
+                    underline-offset-${moderateScaleTW(4)}
+                  `}
+                >
+                  Edit location
+                </Text>
+              </View>
+            </View>
+          </View>
+          {/* Search */}
+          <View style={ruffwind`flex-1`}>
+            <Text>THE STUFF - FILL OUT</Text>
+          </View>
+        </View>
+        {/* Navigation */}
+        <View
+          style={ruffwind`
+          bg-electricViolet-50
+          border-t-electricViolet-600
+          flex-row
+          justify-evenly
+          pb-${moderateScaleTW(20)}
+          pt-${moderateScaleTW(8)}
+          border-t-${moderateScaleTW(1)}
+        `}
+        >
+          <View style={ruffwind`items-center h-${moderateScaleTW(46)}`}>
+            <View style={ruffwind`p-${moderateScaleTW(5)}`}>
+              <Image
+                style={ruffwind.style(
+                  GLOBAL_ICON_SIZE_LARGE,
+                  'items-center justify-center'
+                )}
+                source={require('@rufferal/assets/src/icons/search.png')}
+                tintColor={'#7D23A6'}
+              />
+            </View>
+            <Text
+              style={ruffwind`text-center font-bodyBold text-b1 text-electricViolet-800`}
+            >
+              Search
+            </Text>
+          </View>
+          <View style={ruffwind`items-center h-${moderateScaleTW(46)}`}>
+            <View style={ruffwind`p-${moderateScaleTW(5)}`}>
+              <Image
+                style={ruffwind.style(
+                  GLOBAL_ICON_SIZE_LARGE,
+                  'items-center justify-center'
+                )}
+                source={require('@rufferal/assets/src/icons/booking.png')}
+                tintColor={'#9F90A5'}
+              />
+            </View>
+            <Text
+              style={ruffwind`text-center font-body text-b1Small text-amethystSmoke-600`}
+            >
+              Bookings
+            </Text>
+          </View>
+          <View style={ruffwind`items-center h-${moderateScaleTW(46)}`}>
+            <View style={ruffwind`p-${moderateScaleTW(5)}`}>
+              <Image
+                style={ruffwind.style(
+                  GLOBAL_ICON_SIZE_LARGE,
+                  'items-center justify-center'
+                )}
+                source={require('@rufferal/assets/src/icons/messages.png')}
+                tintColor={'#9F90A5'}
+              />
+            </View>
+            <Text
+              style={ruffwind`text-center font-body text-b1Small text-amethystSmoke-600`}
+            >
+              Messages
+            </Text>
+          </View>
+          <View style={ruffwind`items-center h-${moderateScaleTW(46)}`}>
+            <View style={ruffwind`p-${moderateScaleTW(5)}`}>
+              <Image
+                style={ruffwind.style(
+                  GLOBAL_ICON_SIZE_LARGE,
+                  'items-center justify-center'
+                )}
+                source={require('@rufferal/assets/src/icons/account.png')}
+                tintColor={'#9F90A5'}
+              />
+            </View>
+            <Text
+              style={ruffwind`text-center font-body text-b1Small text-amethystSmoke-600`}
+            >
+              Account
+            </Text>
+          </View>
+        </View>
+      </View>
+    </SafeAreaView>
+  );
+});
diff --git a/ui/src/components/pages/search/search/search.tsx b/ui/src/components/pages/search/search/search.tsx
deleted file mode 100644
index c983104..0000000
--- a/ui/src/components/pages/search/search/search.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { ruffwind } from '@rufferal/tailwind';
-import { Text, View } from 'react-native';
-
-/* eslint-disable-next-line */
-export interface SearchProps {}
-
-export const Search = (props: SearchProps) => {
-  return (
-    <View style={ruffwind`flex-1 bg-blizzardBlue-200`}>
-      <Text>SEARCH PAGE</Text>
-    </View>
-  );
-};
diff --git a/ui/src/components/templates/feature-template/feature-template.tsx b/ui/src/components/templates/feature-template/feature-template.tsx
index 80b8399..e912a4d 100644
--- a/ui/src/components/templates/feature-template/feature-template.tsx
+++ b/ui/src/components/templates/feature-template/feature-template.tsx
@@ -1,15 +1,10 @@
 import { ruffwind } from '@rufferal/tailwind';
+import { FeatureTemplateProps } from '@rufferal/types';
 import { horizontalScaleTW, verticalScaleTW } from '@rufferal/utils';
 import { PropsWithChildren } from 'react';
 import { Platform, SafeAreaView, View } from 'react-native';
-import { FeatureNavigation } from '../../organisms';
 
-export interface FeatureTemplateProps {
-  backNavigation?: () => void;
-  bgColor?: string;
-  paddingX?: string;
-  forwardNavigation?: () => void;
-}
+import { FeatureNavigation } from '../../organisms';
 
 export const FeatureTemplate = ({
   backNavigation,
diff --git a/ui/src/index.ts b/ui/src/index.ts
index 52da1a7..3126400 100644
--- a/ui/src/index.ts
+++ b/ui/src/index.ts
@@ -1,2 +1,2 @@
 export * from './components';
-// export * from './navigation';
+export * from './navigation';
diff --git a/ui/src/navigation/.keep b/ui/src/navigation/.keep
deleted file mode 100644
index e69de29..0000000
diff --git a/ui/src/navigation/dashboard-navigation/dashboard-navigation.spec.tsx b/ui/src/navigation/dashboard-navigation/dashboard-navigation.spec.tsx
new file mode 100644
index 0000000..f4f8de4
--- /dev/null
+++ b/ui/src/navigation/dashboard-navigation/dashboard-navigation.spec.tsx
@@ -0,0 +1,10 @@
+import { render } from '@testing-library/react-native';
+
+import { DashboardNavigation } from './dashboard-navigation';
+
+describe('DashboardNavigation', () => {
+  it('should render successfully', () => {
+    const { root } = render(<DashboardNavigation />);
+    expect(root).toBeTruthy();
+  });
+});
diff --git a/ui/src/navigation/dashboard-navigation/dashboard-navigation.tsx b/ui/src/navigation/dashboard-navigation/dashboard-navigation.tsx
new file mode 100644
index 0000000..e71fa8a
--- /dev/null
+++ b/ui/src/navigation/dashboard-navigation/dashboard-navigation.tsx
@@ -0,0 +1,108 @@
+import { ruffwind } from '@rufferal/tailwind';
+import { PageNavigationProps } from '@rufferal/types';
+import { GLOBAL_ICON_SIZE_LARGE, moderateScaleTW } from '@rufferal/utils';
+import { Image } from 'expo-image';
+import { observer } from 'mobx-react-lite';
+import { Platform, Pressable, Text, View } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+
+export const DashboardNavigation = observer(
+  ({ navigation }: PageNavigationProps) => {
+    const insets = useSafeAreaInsets();
+    
+    return (
+      <View
+        style={ruffwind.style(`
+            bg-electricViolet-50
+            border-t-electricViolet-600
+            flex-row
+            items-end
+            justify-evenly
+            pt-${moderateScaleTW(8)}
+            border-t-${moderateScaleTW(1)}
+          `, Platform.OS === 'ios' ? `pb-${moderateScaleTW(insets.bottom)}` : `pb-${moderateScaleTW(20)}`)}
+      >
+        <Pressable
+          style={ruffwind`items-center h-${moderateScaleTW(46)}`}
+          onPress={() => navigation.navigate('Search Dashboard')}
+        >
+          <View style={ruffwind`p-${moderateScaleTW(5)}`}>
+            <Image
+              style={ruffwind.style(
+                GLOBAL_ICON_SIZE_LARGE,
+                'items-center justify-center'
+              )}
+              source={require('@rufferal/assets/src/icons/search.png')}
+              tintColor={'#7D23A6'}
+            />
+          </View>
+          <Text
+            style={ruffwind`text-center font-bodyBold text-b1 text-electricViolet-800`}
+          >
+            Search
+          </Text>
+        </Pressable>
+        <Pressable
+          style={ruffwind`items-center h-${moderateScaleTW(46)}`}
+          onPress={() => navigation.navigate('Bookings Dashboard')}
+        >
+          <View style={ruffwind`p-${moderateScaleTW(5)}`}>
+            <Image
+              style={ruffwind.style(
+                GLOBAL_ICON_SIZE_LARGE,
+                'items-center justify-center'
+              )}
+              source={require('@rufferal/assets/src/icons/booking.png')}
+              tintColor={'#9F90A5'}
+            />
+          </View>
+          <Text
+            style={ruffwind`text-center font-body text-b1Small text-amethystSmoke-600`}
+          >
+            Bookings
+          </Text>
+        </Pressable>
+        <Pressable
+          style={ruffwind`items-center h-${moderateScaleTW(46)}`}
+          onPress={() => navigation.navigate('Messages Dashboard')}
+        >
+          <View style={ruffwind`p-${moderateScaleTW(5)}`}>
+            <Image
+              style={ruffwind.style(
+                GLOBAL_ICON_SIZE_LARGE,
+                'items-center justify-center'
+              )}
+              source={require('@rufferal/assets/src/icons/messages.png')}
+              tintColor={'#9F90A5'}
+            />
+          </View>
+          <Text
+            style={ruffwind`text-center font-body text-b1Small text-amethystSmoke-600`}
+          >
+            Messages
+          </Text>
+        </Pressable>
+        <Pressable
+          style={ruffwind`items-center h-${moderateScaleTW(46)}`}
+          onPress={() => navigation.navigate('Account Dashboard')}
+        >
+          <View style={ruffwind`p-${moderateScaleTW(5)}`}>
+            <Image
+              style={ruffwind.style(
+                GLOBAL_ICON_SIZE_LARGE,
+                'items-center justify-center'
+              )}
+              source={require('@rufferal/assets/src/icons/account.png')}
+              tintColor={'#9F90A5'}
+            />
+          </View>
+          <Text
+            style={ruffwind`text-center font-body text-b1Small text-amethystSmoke-600`}
+          >
+            Account
+          </Text>
+        </Pressable>
+      </View>
+    );
+  }
+);
diff --git a/ui/src/navigation/index.ts b/ui/src/navigation/index.ts
new file mode 100644
index 0000000..4a0296a
--- /dev/null
+++ b/ui/src/navigation/index.ts
@@ -0,0 +1 @@
+export { DashboardNavigation } from './dashboard-navigation/dashboard-navigation';
diff --git a/utils/src/css-globals.ts b/utils/src/css-globals.ts
index 2d13825..f1e7b7a 100644
--- a/utils/src/css-globals.ts
+++ b/utils/src/css-globals.ts
@@ -5,10 +5,19 @@ import { moderateScaleTW } from './dimensions';
 export const GLOBAL_X_PADDING = 16;
 export const GLOBAL_Y_PADDING = 16;
 
-export const createImageSize = (size: number) => tw`
-  h-${moderateScaleTW(size)} 
-  w-${moderateScaleTW(size)} 
-`;
+export const createImageSize = (height: number, width?: number) => {
+  if (width) {
+    return tw`
+    h-${moderateScaleTW(height)} 
+    w-${moderateScaleTW(width)} 
+    `;
+  } else {
+    return tw`
+    h-${moderateScaleTW(height)} 
+    w-${moderateScaleTW(height)} 
+    `;
+  }
+};
 
 export const GLOBAL_MIN_PRESS_SIZE = tw`
   h-${moderateScaleTW(48)} 
diff --git a/utils/src/text-transformers.ts b/utils/src/text-transformers.ts
index 485710d..9fc876b 100644
--- a/utils/src/text-transformers.ts
+++ b/utils/src/text-transformers.ts
@@ -6,6 +6,21 @@ export const capitalize = (string?: string): string | undefined => {
   ); // Capitalize the first letter and concatenate with the rest of the string
 };
 
+export const starRatingDisplay = (rating: number): string => {
+  // Ensure the rating is within the range of 0 to 5 and has one decimal place
+  return Math.min(Math.max(rating, 0), 5).toFixed(1);
+};
+
+export const surnameLetter = (input: string): string => {
+  // Check if the input string is empty
+  if (input.length === 0) {
+    return ''; // Return an empty string if the input is empty
+  }
+
+  // Capitalize the first letter and return it
+  return input.charAt(0).toUpperCase() + '.'; // Return the first letter capitalized followed by a period
+};
+
 export const titleCase = (string?: string): string | undefined => {
   // If string is provided, process it; otherwise, return undefined
   return (