diff --git a/client/App.tsx b/client/App.tsx
index bb5912c..355f648 100644
--- a/client/App.tsx
+++ b/client/App.tsx
@@ -13,56 +13,58 @@ const App = () => {
         <Router>
             <RouteSwitch>
                 <Route exact={true} path='/'><Home /></Route>
-                <Route exact={true} path='/explore'><Explore /></Route>
-                <Route exact={true} path='/badge'><DetailsLoader pattern={Pattern.Badge} /></Route>
-                <Route exact={true} path='/breadcrumb'><DetailsLoader pattern={Pattern.Breadcrumb} /></Route>
-                <Route exact={true} path='/button-with-icon'><DetailsLoader pattern={Pattern.ButtonWithIcon} /></Route>
-                <Route exact={true} path='/card'><DetailsLoader pattern={Pattern.Card} /></Route>
-                <Route exact={true} path='/centering'><DetailsLoader pattern={Pattern.Centering} /></Route>
-                <Route exact={true} path='/docked-at-corner'><DetailsLoader pattern={Pattern.DockedAtCorner} /></Route>
-                <Route exact={true} path='/dot-leader'><DetailsLoader pattern={Pattern.DotLeader} /></Route>
-                <Route exact={true} path='/dot-navigation'><DetailsLoader pattern={Pattern.DotNavigation} /></Route>
-                <Route exact={true} path='/drop-area'><DetailsLoader pattern={Pattern.DropArea} /></Route>
-                <Route exact={true} path='/feature-list'><DetailsLoader pattern={Pattern.FeatureList} /></Route>
-                <Route exact={true} path='/fixed-at-corner'><DetailsLoader pattern={Pattern.FixedAtCorner} /></Route>
-                <Route exact={true} path='/holy-grail'><DetailsLoader pattern={Pattern.HolyGrail} /></Route>
-                <Route exact={true} path='/input-add-on'><DetailsLoader pattern={Pattern.InputAddOn} /></Route>
-                <Route exact={true} path='/media-object'><DetailsLoader pattern={Pattern.MediaObject} /></Route>
-                <Route exact={true} path='/menu'><DetailsLoader pattern={Pattern.Menu} /></Route>
-                <Route exact={true} path='/modal'><DetailsLoader pattern={Pattern.Modal} /></Route>
-                <Route exact={true} path='/notification'><DetailsLoader pattern={Pattern.Notification} /></Route>
-                <Route exact={true} path='/pagination'><DetailsLoader pattern={Pattern.Pagination} /></Route>
-                <Route exact={true} path='/previous-next-buttons'>
+                <Route exact={true} path='/patterns'><Explore /></Route>
+
+                <Route exact={true} path='/patterns/badge'><DetailsLoader pattern={Pattern.Badge} /></Route>
+                <Route exact={true} path='/patterns/breadcrumb'><DetailsLoader pattern={Pattern.Breadcrumb} /></Route>
+                <Route exact={true} path='/patterns/button-with-icon'><DetailsLoader pattern={Pattern.ButtonWithIcon} /></Route>
+                <Route exact={true} path='/patterns/card'><DetailsLoader pattern={Pattern.Card} /></Route>
+                <Route exact={true} path='/patterns/centering'><DetailsLoader pattern={Pattern.Centering} /></Route>
+                <Route exact={true} path='/patterns/docked-at-corner'><DetailsLoader pattern={Pattern.DockedAtCorner} /></Route>
+                <Route exact={true} path='/patterns/dot-leader'><DetailsLoader pattern={Pattern.DotLeader} /></Route>
+                <Route exact={true} path='/patterns/dot-navigation'><DetailsLoader pattern={Pattern.DotNavigation} /></Route>
+                <Route exact={true} path='/patterns/drop-area'><DetailsLoader pattern={Pattern.DropArea} /></Route>
+                <Route exact={true} path='/patterns/feature-list'><DetailsLoader pattern={Pattern.FeatureList} /></Route>
+                <Route exact={true} path='/patterns/fixed-at-corner'><DetailsLoader pattern={Pattern.FixedAtCorner} /></Route>
+                <Route exact={true} path='/patterns/floating-label'><DetailsLoader pattern={Pattern.FloatingLabel} /></Route>
+                <Route exact={true} path='/patterns/holy-grail'><DetailsLoader pattern={Pattern.HolyGrail} /></Route>
+                <Route exact={true} path='/patterns/input-add-on'><DetailsLoader pattern={Pattern.InputAddOn} /></Route>
+                <Route exact={true} path='/patterns/media-object'><DetailsLoader pattern={Pattern.MediaObject} /></Route>
+                <Route exact={true} path='/patterns/menu'><DetailsLoader pattern={Pattern.Menu} /></Route>
+                <Route exact={true} path='/patterns/modal'><DetailsLoader pattern={Pattern.Modal} /></Route>
+                <Route exact={true} path='/patterns/notification'><DetailsLoader pattern={Pattern.Notification} /></Route>
+                <Route exact={true} path='/patterns/pagination'><DetailsLoader pattern={Pattern.Pagination} /></Route>
+                <Route exact={true} path='/patterns/previous-next-buttons'>
                     <DetailsLoader pattern={Pattern.PreviousNextButtons} />
                 </Route>
-                <Route exact={true} path='/pricing-table'><DetailsLoader pattern={Pattern.PricingTable} /></Route>
-                <Route exact={true} path='/property-list'><DetailsLoader pattern={Pattern.PropertyList} /></Route>
-                <Route exact={true} path='/progress-bar'><DetailsLoader pattern={Pattern.ProgressBar} /></Route>
-                <Route exact={true} path='/questions-and-answers'>
+                <Route exact={true} path='/patterns/pricing-table'><DetailsLoader pattern={Pattern.PricingTable} /></Route>
+                <Route exact={true} path='/patterns/property-list'><DetailsLoader pattern={Pattern.PropertyList} /></Route>
+                <Route exact={true} path='/patterns/progress-bar'><DetailsLoader pattern={Pattern.ProgressBar} /></Route>
+                <Route exact={true} path='/patterns/questions-and-answers'>
                     <DetailsLoader pattern={Pattern.QuestionsAndAnswers} />
                 </Route>
-                <Route exact={true} path='/radio-switch'><DetailsLoader pattern={Pattern.RadioSwitch} /></Route>
-                <Route exact={true} path='/rating'><DetailsLoader pattern={Pattern.Rating} /></Route>
-                <Route exact={true} path='/same-height-columns'>
+                <Route exact={true} path='/patterns/radio-switch'><DetailsLoader pattern={Pattern.RadioSwitch} /></Route>
+                <Route exact={true} path='/patterns/rating'><DetailsLoader pattern={Pattern.Rating} /></Route>
+                <Route exact={true} path='/patterns/same-height-columns'>
                     <DetailsLoader pattern={Pattern.SameHeightColumns} />
                 </Route>
-                <Route exact={true} path='/search-box'><DetailsLoader pattern={Pattern.SearchBox} /></Route>
-                <Route exact={true} path='/separator'><DetailsLoader pattern={Pattern.Separator} /></Route>
-                <Route exact={true} path='/sidebar'><DetailsLoader pattern={Pattern.Sidebar} /></Route>
-                <Route exact={true} path='/simple-grid'><DetailsLoader pattern={Pattern.SimpleGrid} /></Route>
-                <Route exact={true} path='/slider'><DetailsLoader pattern={Pattern.Slider} /></Route>
-                <Route exact={true} path='/spin-button'><DetailsLoader pattern={Pattern.SpinButton} /></Route>
-                <Route exact={true} path='/split-navigation'><DetailsLoader pattern={Pattern.SplitNavigation} /></Route>
-                <Route exact={true} path='/split-screen'><DetailsLoader pattern={Pattern.SplitScreen} /></Route>
-                <Route exact={true} path='/stepper-input'><DetailsLoader pattern={Pattern.StepperInput} /></Route>
-                <Route exact={true} path='/sticky-footer'><DetailsLoader pattern={Pattern.StickyFooter} /></Route>
-                <Route exact={true} path='/sticky-header'><DetailsLoader pattern={Pattern.StickyHeader} /></Route>
-                <Route exact={true} path='/switch'><DetailsLoader pattern={Pattern.Switch} /></Route>
-                <Route exact={true} path='/tab'><DetailsLoader pattern={Pattern.Tab} /></Route>
-                <Route exact={true} path='/toggle-password-visibility'>
+                <Route exact={true} path='/patterns/search-box'><DetailsLoader pattern={Pattern.SearchBox} /></Route>
+                <Route exact={true} path='/patterns/separator'><DetailsLoader pattern={Pattern.Separator} /></Route>
+                <Route exact={true} path='/patterns/sidebar'><DetailsLoader pattern={Pattern.Sidebar} /></Route>
+                <Route exact={true} path='/patterns/simple-grid'><DetailsLoader pattern={Pattern.SimpleGrid} /></Route>
+                <Route exact={true} path='/patterns/slider'><DetailsLoader pattern={Pattern.Slider} /></Route>
+                <Route exact={true} path='/patterns/spin-button'><DetailsLoader pattern={Pattern.SpinButton} /></Route>
+                <Route exact={true} path='/patterns/split-navigation'><DetailsLoader pattern={Pattern.SplitNavigation} /></Route>
+                <Route exact={true} path='/patterns/split-screen'><DetailsLoader pattern={Pattern.SplitScreen} /></Route>
+                <Route exact={true} path='/patterns/stepper-input'><DetailsLoader pattern={Pattern.StepperInput} /></Route>
+                <Route exact={true} path='/patterns/sticky-footer'><DetailsLoader pattern={Pattern.StickyFooter} /></Route>
+                <Route exact={true} path='/patterns/sticky-header'><DetailsLoader pattern={Pattern.StickyHeader} /></Route>
+                <Route exact={true} path='/patterns/switch'><DetailsLoader pattern={Pattern.Switch} /></Route>
+                <Route exact={true} path='/patterns/tab'><DetailsLoader pattern={Pattern.Tab} /></Route>
+                <Route exact={true} path='/patterns/toggle-password-visibility'>
                     <DetailsLoader pattern={Pattern.TogglePasswordVisibility} />
                 </Route>
-                <Route exact={true} path='/wizard'><DetailsLoader pattern={Pattern.Wizard} /></Route>
+                <Route exact={true} path='/patterns/wizard'><DetailsLoader pattern={Pattern.Wizard} /></Route>
             </RouteSwitch>
         </Router>
     );
diff --git a/client/Explore.tsx b/client/Explore.tsx
index 51a6ace..99bc5b5 100644
--- a/client/Explore.tsx
+++ b/client/Explore.tsx
@@ -96,6 +96,7 @@ const Home = () => {
                         <CoverCard pattern={Pattern.DropArea} />
                         <CoverCard pattern={Pattern.FeatureList} />
                         <CoverCard pattern={Pattern.FixedAtCorner} />
+                        <CoverCard pattern={Pattern.FloatingLabel} />
                         <CoverCard pattern={Pattern.InputAddOn} />
                         <CoverCard pattern={Pattern.MediaObject} />
                         <CoverCard pattern={Pattern.Menu} />
diff --git a/client/Home.tsx b/client/Home.tsx
index f7abc74..8cddd17 100644
--- a/client/Home.tsx
+++ b/client/Home.tsx
@@ -169,7 +169,7 @@ const Home = () => {
                             50+ patterns
                         </div>
                         <Link
-                            to="/explore"
+                            to="/patterns"
                             style={{
                                 backgroundColor: '#00449e',
                                 borderRadius: '4px',
@@ -208,6 +208,7 @@ const Home = () => {
                         <CoverCard pattern={Pattern.DropArea} />
                         <CoverCard pattern={Pattern.FeatureList} />
                         <CoverCard pattern={Pattern.FixedAtCorner} />
+                        <CoverCard pattern={Pattern.FloatingLabel} />
                         <CoverCard pattern={Pattern.InputAddOn} />
                         <CoverCard pattern={Pattern.MediaObject} />
                         <CoverCard pattern={Pattern.Menu} />
diff --git a/client/components/CoverCard.tsx b/client/components/CoverCard.tsx
index aa3a81c..bacd873 100644
--- a/client/components/CoverCard.tsx
+++ b/client/components/CoverCard.tsx
@@ -12,7 +12,7 @@ interface CoverCardProps {
 const CoverCard: React.FC<CoverCardProps> = ({ pattern }) => {
     return (
         <Link
-            to={`/${slug(pattern)}`}
+            to={`/patterns/${slug(pattern)}`}
             style={{
                 alignItems: 'center',
                 display: 'flex',
diff --git a/client/layouts/DetailsLayout.tsx b/client/layouts/DetailsLayout.tsx
index 1949902..63782e5 100644
--- a/client/layouts/DetailsLayout.tsx
+++ b/client/layouts/DetailsLayout.tsx
@@ -35,7 +35,7 @@ const DetailsLayout: React.FC<DetailsLayoutProps> = ({ title, children }) => {
                 </Link>
                 <div>~</div>
                 <Link
-                    to="/explore"
+                    to="/patterns"
                     style={{
                         color: '#FFF',
                         padding: '8px 16px',
diff --git a/public/sitemap.xml b/public/sitemap.xml
index 225bf0d..39daf10 100644
--- a/public/sitemap.xml
+++ b/public/sitemap.xml
@@ -1,42 +1,43 @@
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9">
-    <url><loc>https://csslayout.io/holy-grail</loc></url>
-    <url><loc>https://csslayout.io/sidebar</loc></url>
-    <url><loc>https://csslayout.io/split-screen</loc></url>
-    <url><loc>https://csslayout.io/sticky-footer</loc></url>
-    <url><loc>https://csslayout.io/sticky-header</loc></url>
-    <url><loc>https://csslayout.io/badge</loc></url>
-    <url><loc>https://csslayout.io/breadcrumb</loc></url>
-    <url><loc>https://csslayout.io/button-with-icon</loc></url>
-    <url><loc>https://csslayout.io/card</loc></url>
-    <url><loc>https://csslayout.io/centering</loc></url>
-    <url><loc>https://csslayout.io/docked-at-corner</loc></url>
-    <url><loc>https://csslayout.io/dot-navigation</loc></url>
-    <url><loc>https://csslayout.io/drop-area</loc></url>
-    <url><loc>https://csslayout.io/feature-list</loc></url>
-    <url><loc>https://csslayout.io/fixed-at-corner</loc></url>
-    <url><loc>https://csslayout.io/input-addon</loc></url>
-    <url><loc>https://csslayout.io/media-object</loc></url>
-    <url><loc>https://csslayout.io/menu</loc></url>
-    <url><loc>https://csslayout.io/modal</loc></url>
-    <url><loc>https://csslayout.io/notification</loc></url>
-    <url><loc>https://csslayout.io/pagination</loc></url>
-    <url><loc>https://csslayout.io/previous-next-buttons</loc></url>
-    <url><loc>https://csslayout.io/pricing-table</loc></url>
-    <url><loc>https://csslayout.io/progress-bar</loc></url>
-    <url><loc>https://csslayout.io/property-list</loc></url>
-    <url><loc>https://csslayout.io/questions-and-answers</loc></url>
-    <url><loc>https://csslayout.io/radio-switch</loc></url>
-    <url><loc>https://csslayout.io/rating</loc></url>
-    <url><loc>https://csslayout.io/same-height-columns</loc></url>
-    <url><loc>https://csslayout.io/search-box</loc></url>
-    <url><loc>https://csslayout.io/separator</loc></url>
-    <url><loc>https://csslayout.io/simple-grid</loc></url>
-    <url><loc>https://csslayout.io/slider</loc></url>
-    <url><loc>https://csslayout.io/spin-button</loc></url>
-    <url><loc>https://csslayout.io/split-navigation</loc></url>
-    <url><loc>https://csslayout.io/stepper-input</loc></url>
-    <url><loc>https://csslayout.io/switch</loc></url>
-    <url><loc>https://csslayout.io/tab</loc></url>
-    <url><loc>https://csslayout.io/toggle-password-visibility</loc></url>
-    <url><loc>https://csslayout.io/wizard</loc></url>
+    <url><loc>https://csslayout.io/patterns</loc></url>
+    <url><loc>https://csslayout.io/patterns/holy-grail</loc></url>
+    <url><loc>https://csslayout.io/patterns/sidebar</loc></url>
+    <url><loc>https://csslayout.io/patterns/split-screen</loc></url>
+    <url><loc>https://csslayout.io/patterns/sticky-footer</loc></url>
+    <url><loc>https://csslayout.io/patterns/sticky-header</loc></url>
+    <url><loc>https://csslayout.io/patterns/badge</loc></url>
+    <url><loc>https://csslayout.io/patterns/breadcrumb</loc></url>
+    <url><loc>https://csslayout.io/patterns/button-with-icon</loc></url>
+    <url><loc>https://csslayout.io/patterns/card</loc></url>
+    <url><loc>https://csslayout.io/patterns/centering</loc></url>
+    <url><loc>https://csslayout.io/patterns/docked-at-corner</loc></url>
+    <url><loc>https://csslayout.io/patterns/dot-navigation</loc></url>
+    <url><loc>https://csslayout.io/patterns/drop-area</loc></url>
+    <url><loc>https://csslayout.io/patterns/feature-list</loc></url>
+    <url><loc>https://csslayout.io/patterns/fixed-at-corner</loc></url>
+    <url><loc>https://csslayout.io/patterns/input-addon</loc></url>
+    <url><loc>https://csslayout.io/patterns/media-object</loc></url>
+    <url><loc>https://csslayout.io/patterns/menu</loc></url>
+    <url><loc>https://csslayout.io/patterns/modal</loc></url>
+    <url><loc>https://csslayout.io/patterns/notification</loc></url>
+    <url><loc>https://csslayout.io/patterns/pagination</loc></url>
+    <url><loc>https://csslayout.io/patterns/previous-next-buttons</loc></url>
+    <url><loc>https://csslayout.io/patterns/pricing-table</loc></url>
+    <url><loc>https://csslayout.io/patterns/progress-bar</loc></url>
+    <url><loc>https://csslayout.io/patterns/property-list</loc></url>
+    <url><loc>https://csslayout.io/patterns/questions-and-answers</loc></url>
+    <url><loc>https://csslayout.io/patterns/radio-switch</loc></url>
+    <url><loc>https://csslayout.io/patterns/rating</loc></url>
+    <url><loc>https://csslayout.io/patterns/same-height-columns</loc></url>
+    <url><loc>https://csslayout.io/patterns/search-box</loc></url>
+    <url><loc>https://csslayout.io/patterns/separator</loc></url>
+    <url><loc>https://csslayout.io/patterns/simple-grid</loc></url>
+    <url><loc>https://csslayout.io/patterns/slider</loc></url>
+    <url><loc>https://csslayout.io/patterns/spin-button</loc></url>
+    <url><loc>https://csslayout.io/patterns/split-navigation</loc></url>
+    <url><loc>https://csslayout.io/patterns/stepper-input</loc></url>
+    <url><loc>https://csslayout.io/patterns/switch</loc></url>
+    <url><loc>https://csslayout.io/patterns/tab</loc></url>
+    <url><loc>https://csslayout.io/patterns/toggle-password-visibility</loc></url>
+    <url><loc>https://csslayout.io/patterns/wizard</loc></url>
 </urlset>
\ No newline at end of file