P14:[{"_332":85,"_333":83,"_334":335},"app1","app2","diffPatch","diff --git a/app/app.css b/app/app.css\nnew file mode 100644\nindex 0000000..f61f092\n--- /dev/null\n+++ b/app/app.css\n@@ -0,0 +1,16 @@\n+@import 'tailwindcss';\n+\n+@theme {\n+\t--font-sans:\n+\t\t'Inter', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',\n+\t\t'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n+}\n+\n+html,\n+body {\n+\t@apply bg-white dark:bg-gray-950;\n+\n+\t@media (prefers-color-scheme: dark) {\n+\t\tcolor-scheme: dark;\n+\t}\n+}\ndiff --git a/app/components/footer.tsx b/app/components/footer.tsx\nnew file mode 100644\nindex 0000000..7ce637c\n--- /dev/null\n+++ b/app/components/footer.tsx\n@@ -0,0 +1,109 @@\n+import { ShoppingBag } from 'lucide-react'\n+import { Link } from 'react-router'\n+\n+export const Footer = () => {\n+\treturn (\n+\t\t\n+\t)\n+}\ndiff --git a/app/components/header.tsx b/app/components/header.tsx\nnew file mode 100644\nindex 0000000..001ff8d\n--- /dev/null\n+++ b/app/components/header.tsx\n@@ -0,0 +1,113 @@\n+import { ShoppingBag, Search, Menu, X } from 'lucide-react'\n+import { useState } from 'react'\n+import { Link, useLocation } from 'react-router'\n+\n+export const Header = () => {\n+\tconst [isMenuOpen, setIsMenuOpen] = useState(false)\n+\tconst navigation = [\n+\t\t{ name: 'Home', href: '/' },\n+\t\t{ name: 'Products', href: '/products' },\n+\t\t{ name: 'About', href: '/about' },\n+\t\t{ name: 'Contact', href: '/contact' },\n+\t]\n+\tconst location = useLocation()\n+\tconst isActive = (href: string) => location.pathname === href\n+\n+\treturn (\n+\t\t

\n+\t\t\t

\n+\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\tEpicStore\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\n+\t\t\t\t\t

\n+\n+\t\t\t\t\t\n+\n+\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t{navigation.map((item) => (\n+\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t{item.name}\n+\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t))}\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t{/* \n+ \n+ */}\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\t\t\t\t\t

\n+\n+\t\t\t\t\t

\n+\t\t\t\t\t\t{/* */}\n+\t\t\t\t\t\t setIsMenuOpen(!isMenuOpen)}\n+\t\t\t\t\t\t\tclassName=\"p-2 text-gray-700 hover:text-amber-600 dark:text-gray-300 dark:hover:text-amber-500\"\n+\t\t\t\t\t\t>\n+\t\t\t\t\t\t\t{isMenuOpen ? (\n+\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t) : (\n+\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t)}\n+\t\t\t\t\t\t\n+\t\t\t\t\t

\n+\t\t\t\t

\n+\t\t\t

\n+\n+\t\t\t{isMenuOpen && (\n+\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t{navigation.map((item) => (\n+\t\t\t\t\t\t\t setIsMenuOpen(false)}\n+\t\t\t\t\t\t\t\tclassName={`block text-base font-medium tracking-wide transition-colors duration-300 ${\n+\t\t\t\t\t\t\t\t\tisActive(item.href)\n+\t\t\t\t\t\t\t\t\t\t? 'text-amber-600 dark:text-amber-500'\n+\t\t\t\t\t\t\t\t\t\t: 'text-gray-700 hover:text-amber-600 dark:text-gray-300 dark:hover:text-amber-500'\n+\t\t\t\t\t\t\t\t}`}\n+\t\t\t\t\t\t\t>\n+\t\t\t\t\t\t\t\t{item.name}\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t))}\n+\t\t\t\t\t

\n+\t\t\t\t

\n+\t\t\t)}\n+\t\t

\n+\t)\n+}\ndiff --git a/app/root.tsx b/app/root.tsx\nindex 93f41b7..4ab0c89 100644\n--- a/app/root.tsx\n+++ b/app/root.tsx\n@@ -7,6 +7,19 @@ import {\n \tScrollRestoration,\n } from 'react-router'\n import { type Route } from './+types/root'\n+import tailwindStylesheet from './app.css?url'\n+\n+export const links: Route.LinksFunction = () => [\n+\t// 🐨 Add the stylesheet imported from app.css!\n+\t// 🐨 Add fonts and preconnect to google!\n+\t// 💰 Use this to preconnect to google fonts\n+\t// 📜 https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/rel/preconnect\n+\t// { rel: 'preconnect', href: 'https://fonts.googleapis.com' },\n+\t// 💰 Use this to preconnect to google fonts\n+\t// { rel: 'preconnect', href: 'https://fonts.gstatic.com', crossOrigin: 'anonymous' },\n+\t// 💰 this is the link to the fonts we want to use:\n+\t// https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap\n+]\n \n export function Layout({ children }: { children: React.ReactNode }) {\n \treturn (\ndiff --git a/app/routes/_landing._index/categories-section.tsx b/app/routes/_landing._index/categories-section.tsx\nnew file mode 100644\nindex 0000000..eabca85\n--- /dev/null\n+++ b/app/routes/_landing._index/categories-section.tsx\n@@ -0,0 +1,68 @@\n+import { Link } from 'react-router'\n+\n+const categories = [\n+\t{\n+\t\tname: 'Running',\n+\t\timage:\n+\t\t\t'https://images.pexels.com/photos/2529148/pexels-photo-2529148.jpeg?auto=compress&cs=tinysrgb&w=400',\n+\t\tcount: '25+ styles',\n+\t},\n+\t{\n+\t\tname: 'Casual',\n+\t\timage:\n+\t\t\t'https://images.pexels.com/photos/1598505/pexels-photo-1598505.jpeg?auto=compress&cs=tinysrgb&w=400',\n+\t\tcount: '30+ styles',\n+\t},\n+\t{\n+\t\tname: 'Athletic',\n+\t\timage:\n+\t\t\t'https://images.pexels.com/photos/1464625/pexels-photo-1464625.jpeg?auto=compress&cs=tinysrgb&w=400',\n+\t\tcount: '20+ styles',\n+\t},\n+\t{\n+\t\tname: 'Formal',\n+\t\timage:\n+\t\t\t'https://images.pexels.com/photos/1598507/pexels-photo-1598507.jpeg?auto=compress&cs=tinysrgb&w=400',\n+\t\tcount: '15+ styles',\n+\t},\n+]\n+\n+export const CategoriesSection = () => {\n+\treturn (\n+\t\t

\n+\t\t\t

\n+\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t\t\tShop by Category\n+\t\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t\t\tFind the perfect shoes for every occasion and lifestyle\n+\t\t\t\t\t

\n+\t\t\t\t

\n+\n+\t\t\t\t

\n+\t\t\t\t\t{categories.map((category, index) => (\n+\t\t\t\t\t\t\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t

{category.name}

\n+\t\t\t\t\t\t\t\t

{category.count}

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\n+\t\t\t\t\t))}\n+\t\t\t\t

\n+\t\t\t

\n+\t\t

\n+\t)\n+}\ndiff --git a/app/routes/_landing._index/featured-products.section.tsx b/app/routes/_landing._index/featured-products.section.tsx\nnew file mode 100644\nindex 0000000..262b139\n--- /dev/null\n+++ b/app/routes/_landing._index/featured-products.section.tsx\n@@ -0,0 +1,74 @@\n+import { ArrowRight, Star } from 'lucide-react'\n+import { Link } from 'react-router'\n+import { products } from '../../../data/products'\n+\n+export const FeaturedProductsSection = () => {\n+\tconst featuredProducts = products.slice(0, 4)\n+\n+\treturn (\n+\t\t

\n+\t\t\t

\n+\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t\t\tFeatured Products\n+\t\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t\t\tHandpicked favorites from our premium collection\n+\t\t\t\t\t

\n+\t\t\t\t

\n+\n+\t\t\t\t

\n+\t\t\t\t\t{featuredProducts.map((product) => (\n+\t\t\t\t\t\t\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t{product.rating}\n+\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t{product.brand}\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t{product.name}\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t${product.price}\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t{product.reviews} reviews\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\n+\t\t\t\t\t))}\n+\t\t\t\t

\n+\n+\t\t\t\t

\n+\t\t\t\t\t\n+\t\t\t\t\t\tView All Products\n+\t\t\t\t\t\t\n+\t\t\t\t\t\n+\t\t\t\t

\n+\t\t\t

\n+\t\t

\n+\t)\n+}\ndiff --git a/app/routes/_landing._index/features-section.tsx b/app/routes/_landing._index/features-section.tsx\nnew file mode 100644\nindex 0000000..c837702\n--- /dev/null\n+++ b/app/routes/_landing._index/features-section.tsx\n@@ -0,0 +1,51 @@\n+import { Truck, Shield, RefreshCw, Award } from 'lucide-react'\n+\n+const features = [\n+\t{\n+\t\ticon: ,\n+\t\ttitle: 'Free Shipping',\n+\t\tdescription: 'Free shipping on orders over $75',\n+\t},\n+\t{\n+\t\ticon: ,\n+\t\ttitle: 'Secure Payment',\n+\t\tdescription: '100% secure payment processing',\n+\t},\n+\t{\n+\t\ticon: ,\n+\t\ttitle: 'Easy Returns',\n+\t\tdescription: '30-day hassle-free returns',\n+\t},\n+\t{\n+\t\ticon: ,\n+\t\ttitle: 'Quality Guarantee',\n+\t\tdescription: 'Premium quality assurance',\n+\t},\n+]\n+\n+export const FeaturesSection = () => {\n+\treturn (\n+\t\t

\n+\t\t\t

\n+\t\t\t\t

\n+\t\t\t\t\t{features.map((feature, index) => (\n+\t\t\t\t\t\t\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t{feature.icon}\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t{feature.title}\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t{feature.description}\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\t\t\t\t\t))}\n+\t\t\t\t

\n+\t\t\t

\n+\t\t\n+\t)\n+}\ndiff --git a/app/routes/_landing._index/hero-section.tsx b/app/routes/_landing._index/hero-section.tsx\nnew file mode 100644\nindex 0000000..8d2b1f9\n--- /dev/null\n+++ b/app/routes/_landing._index/hero-section.tsx\n@@ -0,0 +1,61 @@\n+import { ArrowRight, Star } from 'lucide-react'\n+import { Link } from 'react-router'\n+\n+export const HeroSection = () => {\n+\treturn (\n+\t\t

\n+\t\t\t

\n+\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\tStep Into\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\tExcellence\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\tDiscover premium footwear that combines unmatched comfort,\n+\t\t\t\t\t\t\ttimeless style, and exceptional craftsmanship.\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\tShop Collection\n+\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\tLearn More\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t\t\t\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t4.9\n+\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\tCustomer Rating\n+\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t

\n+\t\t\t

\n+\t\t

\n+\t)\n+}\ndiff --git a/app/routes/_landing._index/newsletter-section.tsx b/app/routes/_landing._index/newsletter-section.tsx\nnew file mode 100644\nindex 0000000..e01df1b\n--- /dev/null\n+++ b/app/routes/_landing._index/newsletter-section.tsx\n@@ -0,0 +1,25 @@\n+export const NewsletterSection = () => {\n+\treturn (\n+\t\t

\n+\t\t\t

\n+\t\t\t\t

\n+\t\t\t\t\tStay in the Loop\n+\t\t\t\t

\n+\t\t\t\t

\n+\t\t\t\t\tBe the first to know about new arrivals, exclusive offers, and style\n+\t\t\t\t\ttips.\n+\t\t\t\t

\n+\t\t\t\t

\n+\t\t\t\t\t\n+\t\t\t\t\t\n+\t\t\t\t

\n+\t\t\t

\n+\t\t

\n+\t)\n+}\ndiff --git a/app/routes/_landing._index/route.tsx b/app/routes/_landing._index/route.tsx\nindex 6301f22..52635a0 100644\n--- a/app/routes/_landing._index/route.tsx\n+++ b/app/routes/_landing._index/route.tsx\n@@ -1,3 +1,17 @@\n+import { CategoriesSection } from './categories-section'\n+import { FeaturedProductsSection } from './featured-products.section'\n+import { FeaturesSection } from './features-section'\n+import { HeroSection } from './hero-section'\n+import { NewsletterSection } from './newsletter-section'\n+\n export default function HomePage() {\n-\treturn

Landing page!

\n+\treturn (\n+\t\t

\n+\t\t\t\n+\t\t\t\n+\t\t\t\n+\t\t\t\n+\t\t\t\n+\t\t

\n+\t)\n }\ndiff --git a/app/routes/_landing.about.tsx b/app/routes/_landing.about.tsx\nindex 4112dcd..d4c4f56 100644\n--- a/app/routes/_landing.about.tsx\n+++ b/app/routes/_landing.about.tsx\n@@ -1,3 +1,201 @@\n+import { Award, Heart, Compass, Lightbulb } from 'lucide-react'\n+\n export default function AboutPage() {\n-\treturn

About page!

\n+\tconst team = [\n+\t\t{\n+\t\t\tname: 'Marcus Rodriguez',\n+\t\t\trole: 'Founder & CEO',\n+\t\t\timage:\n+\t\t\t\t'https://images.pexels.com/photos/2379004/pexels-photo-2379004.jpeg?auto=compress&cs=tinysrgb&w=400',\n+\t\t\tbio: 'Passionate about bringing premium footwear to everyone with 15+ years in fashion retail.',\n+\t\t},\n+\t\t{\n+\t\t\tname: 'Elena Chen',\n+\t\t\trole: 'Head of Design',\n+\t\t\timage:\n+\t\t\t\t'https://images.pexels.com/photos/1181686/pexels-photo-1181686.jpeg?auto=compress&cs=tinysrgb&w=400',\n+\t\t\tbio: 'Former Nike designer with expertise in creating comfortable and stylish footwear.',\n+\t\t},\n+\t\t{\n+\t\t\tname: 'Sofia Laurent',\n+\t\t\trole: 'Customer Experience Director',\n+\t\t\timage:\n+\t\t\t\t'https://images.pexels.com/photos/1239291/pexels-photo-1239291.jpeg?auto=compress&cs=tinysrgb&w=400',\n+\t\t\tbio: 'Dedicated to ensuring every customer finds their perfect pair of shoes.',\n+\t\t},\n+\t]\n+\n+\tconst values = [\n+\t\t{\n+\t\t\ticon: ,\n+\t\t\ttitle: 'Innovation',\n+\t\t\tdescription:\n+\t\t\t\t'We constantly seek new materials and technologies to improve comfort and style.',\n+\t\t},\n+\t\t{\n+\t\t\ticon: ,\n+\t\t\ttitle: 'Passion',\n+\t\t\tdescription:\n+\t\t\t\t'Every shoe is selected with genuine care for quality and customer satisfaction.',\n+\t\t},\n+\t\t{\n+\t\t\ticon: ,\n+\t\t\ttitle: 'Quality',\n+\t\t\tdescription:\n+\t\t\t\t'We partner only with brands that meet our high standards for craftsmanship.',\n+\t\t},\n+\t\t{\n+\t\t\ticon: ,\n+\t\t\ttitle: 'Purpose',\n+\t\t\tdescription:\n+\t\t\t\t'Helping people step confidently into their daily adventures.',\n+\t\t},\n+\t]\n+\n+\treturn (\n+\t\t

\n+\t\t\t{/* Hero Section */}\n+\t\t\t

\n+\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t\t\tOur Story\n+\t\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t\t\tBorn from a passion for exceptional footwear and a vision to make\n+\t\t\t\t\t\tpremium shoes accessible to everyone who values quality, comfort,\n+\t\t\t\t\t\tand style.\n+\t\t\t\t\t

\n+\t\t\t\t

\n+\t\t\t

\n+\n+\t\t\t{/* Story Section */}\n+\t\t\t

\n+\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\tWalking Together Since 2020\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\tEpicStore was founded on the belief that everyone deserves\n+\t\t\t\t\t\t\t\taccess to premium footwear that doesn't compromise on comfort,\n+\t\t\t\t\t\t\t\tstyle, or quality. We started as a small team of shoe\n+\t\t\t\t\t\t\t\tenthusiasts who were frustrated by the lack of truly exceptional\n+\t\t\t\t\t\t\t\toptions in the market.\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\tWhat began as weekend trips to discover hidden gem shoe\n+\t\t\t\t\t\t\t\tmanufacturers has evolved into a curated marketplace that\n+\t\t\t\t\t\t\t\tconnects customers with the world's finest footwear brands, from\n+\t\t\t\t\t\t\t\testablished names to emerging designers.\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\tToday, we're proud to serve thousands of customers who trust us\n+\t\t\t\t\t\t\t\tto help them find shoes that not only look great but feel\n+\t\t\t\t\t\t\t\tamazing and last for years to come.\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t

\n+\t\t\t

\n+\n+\t\t\t{/* Values Section */}\n+\t\t\t

\n+\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\tOur Values\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\tThese principles guide every decision we make and every\n+\t\t\t\t\t\t\trelationship we build.\n+\t\t\t\t\t\t

\n+\t\t\t\t\t

\n+\n+\t\t\t\t\t

\n+\t\t\t\t\t\t{values.map((value, index) => (\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t{value.icon}\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t{value.title}\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t{value.description}\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t))}\n+\t\t\t\t\t

\n+\t\t\t\t

\n+\t\t\t

\n+\n+\t\t\t{/* Team Section */}\n+\t\t\t

\n+\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\tMeet Our Team\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\tThe passionate individuals who make EpicStore a destination for\n+\t\t\t\t\t\t\tshoe lovers everywhere.\n+\t\t\t\t\t\t

\n+\t\t\t\t\t

\n+\n+\t\t\t\t\t

\n+\t\t\t\t\t\t{team.map((member, index) => (\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t{member.name}\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t{member.role}\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t{member.bio}\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t))}\n+\t\t\t\t\t

\n+\t\t\t\t

\n+\t\t\t\n+\n+\t\t\t{/* Mission Section */}\n+\t\t\t

\n+\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t\t\tOur Mission\n+\t\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t\t\tTo provide exceptional footwear that empowers people to step\n+\t\t\t\t\t\tconfidently into their daily adventures, combining unmatched comfort\n+\t\t\t\t\t\twith timeless style and sustainable practices.\n+\t\t\t\t\t

\n+\t\t\t\t

\n+\t\t\t

\n+\t\t\n+\t)\n }\ndiff --git a/app/routes/_landing.cart.tsx b/app/routes/_landing.cart.tsx\nindex f43d854..205e3fd 100644\n--- a/app/routes/_landing.cart.tsx\n+++ b/app/routes/_landing.cart.tsx\n@@ -1,7 +1,247 @@\n+import { Minus, Plus, Trash2, ArrowLeft, ShoppingBag } from 'lucide-react'\n import { Link } from 'react-router'\n \n export default function CartPage() {\n+\tconst items: {\n+\t\tid: number\n+\t\tprice: number\n+\t\timage: string\n+\t\tbrand: string\n+\t\tquantity: number\n+\t\tname: string\n+\t\tselectedSize: string\n+\t\tselectedColor: string\n+\t}[] = [\n+\t\t{\n+\t\t\tid: 1,\n+\t\t\tprice: 59.99,\n+\t\t\timage:\n+\t\t\t\t'https://images.pexels.com/photos/1464625/pexels-photo-1464625.jpeg?auto=compress&cs=tinysrgb&w=600',\n+\t\t\tbrand: 'Nike',\n+\t\t\tquantity: 2,\n+\t\t\tname: 'Air Max 270',\n+\t\t\tselectedSize: '10',\n+\t\t\tselectedColor: 'Black',\n+\t\t},\n+\t\t{\n+\t\t\tid: 2,\n+\t\t\tprice: 89.99,\n+\t\t\timage:\n+\t\t\t\t'https://images.pexels.com/photos/1464625/pexels-photo-1464625.jpeg?auto=compress&cs=tinysrgb&w=600',\n+\t\t\tbrand: 'Adidas',\n+\t\t\tquantity: 1,\n+\t\t\tname: 'Ultraboost 21',\n+\t\t\tselectedSize: '9',\n+\t\t\tselectedColor: 'White',\n+\t\t},\n+\t]\n+\tconst total = 0\n+\tconst itemCount = items.length\n+\tconst handleQuantityChange = (itemId: string, newQuantity: number) => {}\n+\n+\tconst getItemId = (item: any) =>\n+\t\t`${item.id}-${item.selectedSize}-${item.selectedColor}`\n+\n+\tif (items.length === 0) {\n \t\treturn (\n-\t\t

Cart page

\n+\t\t\t

\n+\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t\t\t\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\tYour cart is empty\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\tLooks like you haven't added any items to your cart yet.\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\tContinue Shopping\n+\t\t\t\t\t\t\n+\t\t\t\t\t

\n+\t\t\t\t

\n+\t\t\t

\n+\t\t)\n+\t}\n+\n+\treturn (\n+\t\t

\n+\t\t\t

\n+\t\t\t\t{/* Header */}\n+\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\tShopping Cart\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t{itemCount} {itemCount === 1 ? 'item' : 'items'} in your cart\n+\t\t\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t\t\n+\t\t\t\t\t\t\n+\t\t\t\t\t\tContinue Shopping\n+\t\t\t\t\t\n+\t\t\t\t

\n+\n+\t\t\t\t

\n+\t\t\t\t\t{/* Cart Items */}\n+\t\t\t\t\t

\n+\t\t\t\t\t\t{items.map((item) => (\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t\t{item.name}\n+\t\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t\t{item.brand}\n+\t\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t\tSize: {item.selectedSize}\n+\t\t\t\t\t\t\t\t\t\t\t\t\tColor: {item.selectedColor}\n+\t\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t getItemId(item)}\n+\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"p-2 text-gray-400 transition-colors duration-200 hover:text-red-500\"\n+\t\t\t\t\t\t\t\t\t\t\t>\n+\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\thandleQuantityChange(\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tgetItemId(item),\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\titem.quantity - 1,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t}\n+\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"rounded border border-gray-300 p-1 transition-colors duration-200 hover:bg-gray-100 dark:border-gray-600 dark:hover:bg-gray-700\"\n+\t\t\t\t\t\t\t\t\t\t\t\t>\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t{item.quantity}\n+\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\thandleQuantityChange(\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tgetItemId(item),\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\titem.quantity + 1,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t}\n+\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"rounded border border-gray-300 p-1 transition-colors duration-200 hover:bg-gray-100 dark:border-gray-600 dark:hover:bg-gray-700\"\n+\t\t\t\t\t\t\t\t\t\t\t\t>\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t\t${(item.price * item.quantity).toFixed(2)}\n+\t\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t\t${item.price} each\n+\t\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t))}\n+\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t

\n+\t\t\t\t\t

\n+\n+\t\t\t\t\t{/* Order Summary */}\n+\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\tOrder Summary\n+\t\t\t\t\t\t\t

\n+\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\tSubtotal\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t${total.toFixed(2)}\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\tShipping\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t{total > 75 ? 'Free' : '$9.99'}\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\tTax\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t${(total * 0.08).toFixed(2)}\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\tTotal\n+\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t$\n+\t\t\t\t\t\t\t\t\t\t\t{(total + (total > 75 ? 0 : 9.99) + total * 0.08).toFixed(\n+\t\t\t\t\t\t\t\t\t\t\t\t2,\n+\t\t\t\t\t\t\t\t\t\t\t)}\n+\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\n+\t\t\t\t\t\t\t{total < 75 && (\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\tAdd ${(75 - total).toFixed(2)} more for free shipping!\n+\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t)}\n+\n+\t\t\t\t\t\t\t\n+\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t🔒 Secure Checkout\n+\t\t\t\t\t\t\t\t\t📦 Free Returns\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t

\n+\t\t\t

\n+\t\t\n \t)\n }\ndiff --git a/app/routes/_landing.contact.tsx b/app/routes/_landing.contact.tsx\nindex dfdfbb7..b29b47b 100644\n--- a/app/routes/_landing.contact.tsx\n+++ b/app/routes/_landing.contact.tsx\n@@ -1,3 +1,305 @@\n+import { Mail, Phone, MapPin, Send, CheckCircle, Clock } from 'lucide-react'\n+import React, { useState } from 'react'\n+\n export default function ContactPage() {\n-\treturn

Contact page!

\n+\tconst [formData, setFormData] = useState({\n+\t\tname: '',\n+\t\temail: '',\n+\t\tsubject: '',\n+\t\tmessage: '',\n+\t})\n+\tconst [isSubmitted, setIsSubmitted] = useState(false)\n+\n+\tconst handleInputChange = (\n+\t\te: React.ChangeEvent<\n+\t\t\tHTMLInputElement | HTMLTextAreaElement | HTMLSelectElement\n+\t\t>,\n+\t) => {\n+\t\tconst { name, value } = e.target\n+\t\tsetFormData((prev) => ({\n+\t\t\t...prev,\n+\t\t\t[name]: value,\n+\t\t}))\n+\t}\n+\n+\tconst handleSubmit = (e: React.FormEvent) => {\n+\t\te.preventDefault()\n+\t\tconsole.log('Form submitted:', formData)\n+\t\tsetIsSubmitted(true)\n+\t\tsetTimeout(() => setIsSubmitted(false), 3000)\n+\t}\n+\n+\tconst contactInfo = [\n+\t\t{\n+\t\t\ticon: ,\n+\t\t\ttitle: 'Email',\n+\t\t\tdetail: 'hello@solestyle.com',\n+\t\t\tdescription: 'We respond within 24 hours',\n+\t\t},\n+\t\t{\n+\t\t\ticon: ,\n+\t\t\ttitle: 'Phone',\n+\t\t\tdetail: '+1 (555) 123-4567',\n+\t\t\tdescription: 'Monday to Friday, 9am to 6pm PST',\n+\t\t},\n+\t\t{\n+\t\t\ticon: ,\n+\t\t\ttitle: 'Store',\n+\t\t\tdetail: '123 Fashion District, Los Angeles, CA 90015',\n+\t\t\tdescription: 'Visit our flagship store',\n+\t\t},\n+\t]\n+\n+\tconst subjects = [\n+\t\t'General Inquiry',\n+\t\t'Order Support',\n+\t\t'Returns & Exchanges',\n+\t\t'Product Information',\n+\t\t'Partnership Opportunities',\n+\t\t'Other',\n+\t]\n+\n+\treturn (\n+\t\t

\n+\t\t\t{/* Hero Section */}\n+\t\t\t

\n+\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t\t\tGet in Touch\n+\t\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t\t\tHave questions about our products, need help with an order, or want\n+\t\t\t\t\t\tto share feedback? We'd love to hear from you and help you find your\n+\t\t\t\t\t\tperfect pair.\n+\t\t\t\t\t

\n+\t\t\t\t

\n+\t\t\t

\n+\n+\t\t\t{/* Contact Section */}\n+\t\t\t

\n+\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t\t\t{/* Contact Information */}\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\tContact Information\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t{contactInfo.map((info, index) => (\n+\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t{info.icon}\n+\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t{info.title}\n+\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t{info.detail}\n+\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t{info.description}\n+\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t))}\n+\t\t\t\t\t\t\t

\n+\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\tStore Hours\n+\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\tMonday - Friday\n+\t\t\t\t\t\t\t\t\t\t10am - 8pm\n+\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\tSaturday\n+\t\t\t\t\t\t\t\t\t\t10am - 6pm\n+\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\tSunday\n+\t\t\t\t\t\t\t\t\t\t12pm - 5pm\n+\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\n+\t\t\t\t\t\t{/* Contact Form */}\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\tSend us a Message\n+\t\t\t\t\t\t\t\t

\n+\n+\t\t\t\t\t\t\t\t{isSubmitted ? (\n+\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\tMessage Sent Successfully\n+\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\tThank you for reaching out. We'll get back to you within\n+\t\t\t\t\t\t\t\t\t\t\t24 hours.\n+\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t) : (\n+\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\tFull Name *\n+\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\tEmail Address *\n+\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\tSubject *\n+\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t{subjects.map((subject, index) => (\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t{subject}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t))}\n+\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\tMessage *\n+\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\tSend Message\n+\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t)}\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t

\n+\t\t\t

\n+\n+\t\t\t{/* FAQ Section */}\n+\t\t\t

\n+\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\tFrequently Asked Questions\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\tQuick answers to common questions about our products and services\n+\t\t\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\tWhat is your return policy?\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\tWe offer a 30-day return policy for unworn items in original\n+\t\t\t\t\t\t\t\tpackaging. Returns are free and easy through our online portal.\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\tDo you offer international shipping?\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\tYes, we ship worldwide! International shipping rates and\n+\t\t\t\t\t\t\t\tdelivery times vary by location and are calculated at checkout.\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\tHow do I find my size?\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\tEach product page includes a detailed size guide. We also offer\n+\t\t\t\t\t\t\t\tvirtual fitting consultations to help you find the perfect fit.\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\tAre your shoes authentic?\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\tAbsolutely! We work directly with authorized retailers and\n+\t\t\t\t\t\t\t\tbrands to ensure 100% authenticity of all products we sell.\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t

\n+\t\t\t

\n+\t\t

\n+\t)\n }\ndiff --git a/app/routes/_landing.products.$productId.tsx b/app/routes/_landing.products.$productId.tsx\nindex e295ac7..e6c7022 100644\n--- a/app/routes/_landing.products.$productId.tsx\n+++ b/app/routes/_landing.products.$productId.tsx\n@@ -1,7 +1,306 @@\n+import {\n+\tArrowLeft,\n+\tStar,\n+\tHeart,\n+\tTruck,\n+\tShield,\n+\tRefreshCw,\n+\tPlus,\n+\tMinus,\n+} from 'lucide-react'\n+import React, { useState } from 'react'\n+import { useParams, Link } from 'react-router'\n+import { products } from '../../data/products'\n+\n export default function ProductDetailPage() {\n+\tconst { productId } = useParams()\n+\tconst [selectedSize, setSelectedSize] = useState('')\n+\tconst [selectedColor, setSelectedColor] = useState('')\n+\tconst [quantity, setQuantity] = useState(1)\n+\tconst [activeImage, setActiveImage] = useState(0)\n+\n+\tconst product = products.find((p) => p.id === productId)\n+\n+\tif (!product) {\n+\t\treturn (\n+\t\t\t

\n+\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t\t\tProduct not found\n+\t\t\t\t\t

\n+\t\t\t\t\t\n+\t\t\t\t\t\tBack to products\n+\t\t\t\t\t\n+\t\t\t\t

\n+\t\t\t

\n+\t\t)\n+\t}\n+\n+\tconst handleAddToCart = () => {\n+\t\tif (!selectedSize || !selectedColor) {\n+\t\t\talert('Please select size and color')\n+\t\t\treturn\n+\t\t}\n+\n+\t\talert('Added to cart!')\n+\t}\n+\n+\t// Mock additional images for gallery\n+\tconst productImages = [\n+\t\tproduct.image,\n+\t\tproduct.image,\n+\t\tproduct.image,\n+\t\tproduct.image,\n+\t]\n+\n+\tconst relatedProducts = products\n+\t\t.filter((p) => p.category === product.category && p.id !== product.id)\n+\t\t.slice(0, 4)\n+\n \treturn (\n \t\t

\n-\t\t\tProduct Detail Page\n+\t\t\t

\n+\t\t\t\t{/* Breadcrumb */}\n+\t\t\t\t

\n+\t\t\t\t\t\n+\t\t\t\t\t\t\n+\t\t\t\t\t\tBack to Products\n+\t\t\t\t\t\n+\t\t\t\t

\n+\n+\t\t\t\t

\n+\t\t\t\t\t{/* Product Images */}\n+\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t{productImages.map((image, index) => (\n+\t\t\t\t\t\t\t\t setActiveImage(index)}\n+\t\t\t\t\t\t\t\t\tclassName={`aspect-w-1 aspect-h-1 overflow-hidden rounded-lg border-2 bg-white transition-colors duration-200 dark:bg-gray-800 ${\n+\t\t\t\t\t\t\t\t\t\tactiveImage === index\n+\t\t\t\t\t\t\t\t\t\t\t? 'border-amber-500'\n+\t\t\t\t\t\t\t\t\t\t\t: 'border-transparent hover:border-gray-300 dark:hover:border-gray-600'\n+\t\t\t\t\t\t\t\t\t}`}\n+\t\t\t\t\t\t\t\t>\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t))}\n+\t\t\t\t\t\t

\n+\t\t\t\t\t

\n+\n+\t\t\t\t\t{/* Product Info */}\n+\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t{product.brand}\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t{product.name}\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t{[...Array(5)].map((_, i) => (\n+\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t))}\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t{product.rating}\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t({product.reviews} reviews)\n+\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t${product.price}\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t{product.description}\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\n+\t\t\t\t\t\t{/* Size Selection */}\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\tSize\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t{product.sizes.map((size) => (\n+\t\t\t\t\t\t\t\t\t setSelectedSize(size)}\n+\t\t\t\t\t\t\t\t\t\tclassName={`rounded-lg border px-4 py-3 text-center transition-colors duration-200 ${\n+\t\t\t\t\t\t\t\t\t\t\tselectedSize === size\n+\t\t\t\t\t\t\t\t\t\t\t\t? 'border-amber-500 bg-amber-50 text-amber-800 dark:bg-amber-900/30 dark:text-amber-200'\n+\t\t\t\t\t\t\t\t\t\t\t\t: 'border-gray-300 text-gray-700 hover:border-amber-300 dark:border-gray-600 dark:text-gray-300 dark:hover:border-amber-700'\n+\t\t\t\t\t\t\t\t\t\t}`}\n+\t\t\t\t\t\t\t\t\t>\n+\t\t\t\t\t\t\t\t\t\t{size}\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t))}\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\n+\t\t\t\t\t\t{/* Color Selection */}\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\tColor\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t{product.colors.map((color) => (\n+\t\t\t\t\t\t\t\t\t setSelectedColor(color)}\n+\t\t\t\t\t\t\t\t\t\tclassName={`rounded-lg border px-4 py-2 transition-colors duration-200 ${\n+\t\t\t\t\t\t\t\t\t\t\tselectedColor === color\n+\t\t\t\t\t\t\t\t\t\t\t\t? 'border-amber-500 bg-amber-50 text-amber-800 dark:bg-amber-900/30 dark:text-amber-200'\n+\t\t\t\t\t\t\t\t\t\t\t\t: 'border-gray-300 text-gray-700 hover:border-amber-300 dark:border-gray-600 dark:text-gray-300 dark:hover:border-amber-700'\n+\t\t\t\t\t\t\t\t\t\t}`}\n+\t\t\t\t\t\t\t\t\t>\n+\t\t\t\t\t\t\t\t\t\t{color}\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t))}\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\n+\t\t\t\t\t\t{/* Quantity */}\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\tQuantity\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t setQuantity(Math.max(1, quantity - 1))}\n+\t\t\t\t\t\t\t\t\t\tclassName=\"p-2 transition-colors duration-200 hover:bg-gray-100 dark:hover:bg-gray-700\"\n+\t\t\t\t\t\t\t\t\t>\n+\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t{quantity}\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t setQuantity(quantity + 1)}\n+\t\t\t\t\t\t\t\t\t\tclassName=\"p-2 transition-colors duration-200 hover:bg-gray-100 dark:hover:bg-gray-700\"\n+\t\t\t\t\t\t\t\t\t>\n+\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\n+\t\t\t\t\t\t{/* Add to Cart */}\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\tAdd to Cart\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t

\n+\n+\t\t\t\t\t\t{/* Features */}\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\tFree Shipping\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t30-Day Returns\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t2-Year Warranty\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t

\n+\n+\t\t\t\t{/* Related Products */}\n+\t\t\t\t{relatedProducts.length > 0 && (\n+\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\tYou Might Also Like\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t{relatedProducts.map((relatedProduct) => (\n+\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t{relatedProduct.rating}\n+\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t{relatedProduct.brand}\n+\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t{relatedProduct.name}\n+\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t${relatedProduct.price}\n+\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t{relatedProduct.reviews} reviews\n+\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t))}\n+\t\t\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t)}\n+\t\t\t

\n \t\t

\n \t)\n }\ndiff --git a/app/routes/_landing.products._index.tsx b/app/routes/_landing.products._index.tsx\nindex 992cbfe..287169d 100644\n--- a/app/routes/_landing.products._index.tsx\n+++ b/app/routes/_landing.products._index.tsx\n@@ -1,7 +1,298 @@\n+import { Filter, Grid, List, Star, Heart } from 'lucide-react'\n+import { useState, useMemo } from 'react'\n+import { Link } from 'react-router'\n+import { products, categories, brands } from '../../data/products'\n+\n export default function ProductsPage() {\n+\tconst [selectedCategory, setSelectedCategory] = useState('All')\n+\tconst [selectedBrand, setBrand] = useState('All')\n+\tconst [priceRange, setPriceRange] = useState([0, 300])\n+\tconst [sortBy, setSortBy] = useState('name')\n+\tconst [viewMode, setViewMode] = useState<'grid' | 'list'>('grid')\n+\tconst [showFilters, setShowFilters] = useState(false)\n+\n+\tconst filteredProducts = useMemo(() => {\n+\t\tlet filtered = products.filter((product) => {\n+\t\t\tconst categoryMatch =\n+\t\t\t\tselectedCategory === 'All' || product.category === selectedCategory\n+\t\t\tconst brandMatch =\n+\t\t\t\tselectedBrand === 'All' || product.brand === selectedBrand\n+\t\t\tconst priceMatch =\n+\t\t\t\tproduct.price >= priceRange[0] && product.price <= priceRange[1]\n+\n+\t\t\treturn categoryMatch && brandMatch && priceMatch\n+\t\t})\n+\n+\t\t// Sort products\n+\t\tfiltered.sort((a, b) => {\n+\t\t\tswitch (sortBy) {\n+\t\t\t\tcase 'price-low':\n+\t\t\t\t\treturn a.price - b.price\n+\t\t\t\tcase 'price-high':\n+\t\t\t\t\treturn b.price - a.price\n+\t\t\t\tcase 'rating':\n+\t\t\t\t\treturn b.rating - a.rating\n+\t\t\t\tcase 'name':\n+\t\t\t\tdefault:\n+\t\t\t\t\treturn a.name.localeCompare(b.name)\n+\t\t\t}\n+\t\t})\n+\n+\t\treturn filtered\n+\t}, [selectedCategory, selectedBrand, priceRange, sortBy])\n+\n \treturn (\n \t\t

\n-\t\t\tProducts page!\n+\t\t\t{/* Header */}\n+\t\t\t

\n+\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\tAll Products\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t{filteredProducts.length} products found\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t setShowFilters(!showFilters)}\n+\t\t\t\t\t\t\t\tclassName=\"flex items-center space-x-2 rounded-lg border border-gray-300 px-4 py-2 text-gray-700 hover:bg-gray-50 md:hidden dark:border-gray-600 dark:text-gray-300 dark:hover:bg-gray-800\"\n+\t\t\t\t\t\t\t>\n+\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\tFilters\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t setSortBy(e.target.value)}\n+\t\t\t\t\t\t\t\tclassName=\"rounded-lg border border-gray-300 bg-white px-4 py-2 text-gray-900 focus:ring-2 focus:ring-amber-500 focus:outline-none dark:border-gray-600 dark:bg-gray-800 dark:text-white\"\n+\t\t\t\t\t\t\t>\n+\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t setViewMode('grid')}\n+\t\t\t\t\t\t\t\t\tclassName={`p-2 ${viewMode === 'grid' ? 'bg-amber-600 text-white' : 'bg-white text-gray-700 dark:bg-gray-800 dark:text-gray-300'}`}\n+\t\t\t\t\t\t\t\t>\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t setViewMode('list')}\n+\t\t\t\t\t\t\t\t\tclassName={`p-2 ${viewMode === 'list' ? 'bg-amber-600 text-white' : 'bg-white text-gray-700 dark:bg-gray-800 dark:text-gray-300'}`}\n+\t\t\t\t\t\t\t\t>\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t

\n+\t\t\t

\n+\n+\t\t\t

\n+\t\t\t\t

\n+\t\t\t\t\t{/* Filters Sidebar */}\n+\t\t\t\t\t\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\tCategory\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t{categories.map((category) => (\n+\t\t\t\t\t\t\t\t\t\t setSelectedCategory(category)}\n+\t\t\t\t\t\t\t\t\t\t\tclassName={`block w-full rounded-lg px-3 py-2 text-left transition-colors duration-200 ${\n+\t\t\t\t\t\t\t\t\t\t\t\tselectedCategory === category\n+\t\t\t\t\t\t\t\t\t\t\t\t\t? 'bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-200'\n+\t\t\t\t\t\t\t\t\t\t\t\t\t: 'text-gray-700 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-700'\n+\t\t\t\t\t\t\t\t\t\t\t}`}\n+\t\t\t\t\t\t\t\t\t\t>\n+\t\t\t\t\t\t\t\t\t\t\t{category}\n+\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t))}\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\tBrand\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t{brands.map((brand) => (\n+\t\t\t\t\t\t\t\t\t\t setBrand(brand)}\n+\t\t\t\t\t\t\t\t\t\t\tclassName={`block w-full rounded-lg px-3 py-2 text-left transition-colors duration-200 ${\n+\t\t\t\t\t\t\t\t\t\t\t\tselectedBrand === brand\n+\t\t\t\t\t\t\t\t\t\t\t\t\t? 'bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-200'\n+\t\t\t\t\t\t\t\t\t\t\t\t\t: 'text-gray-700 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-700'\n+\t\t\t\t\t\t\t\t\t\t\t}`}\n+\t\t\t\t\t\t\t\t\t\t>\n+\t\t\t\t\t\t\t\t\t\t\t{brand}\n+\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t))}\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\tPrice Range\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\tsetPriceRange([priceRange[0], parseInt(e.target.value)])\n+\t\t\t\t\t\t\t\t\t\t}\n+\t\t\t\t\t\t\t\t\t\tclassName=\"h-2 w-full cursor-pointer appearance-none rounded-lg bg-gray-200 dark:bg-gray-700\"\n+\t\t\t\t\t\t\t\t\t/>\n+\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t$0\n+\t\t\t\t\t\t\t\t\t\t${priceRange[1]}\n+\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\t\t\t\t\t

\n+\n+\t\t\t\t\t{/* Products Grid/List */}\n+\t\t\t\t\t

\n+\t\t\t\t\t\t{viewMode === 'grid' ? (\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t{filteredProducts.map((product) => (\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t{product.rating}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t{product.brand}\n+\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t\t{product.name}\n+\t\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t{product.description}\n+\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t${product.price}\n+\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t{product.reviews} reviews\n+\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t))}\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t) : (\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t{filteredProducts.map((product) => (\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{product.brand}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{product.name}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{product.description}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{product.rating}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t({product.reviews} reviews)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t${product.price}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t))}\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t)}\n+\n+\t\t\t\t\t\t{filteredProducts.length === 0 && (\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\tNo products found\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\tTry adjusting your filters to see more results.\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t)}\n+\t\t\t\t\t

\n+\t\t\t\t\n+\t\t\t\n \t\t\n \t)\n }\ndiff --git a/app/routes/_landing.terms-of-service.tsx b/app/routes/_landing.terms-of-service.tsx\nindex fde92c5..d360294 100644\n--- a/app/routes/_landing.terms-of-service.tsx\n+++ b/app/routes/_landing.terms-of-service.tsx\n@@ -1,5 +1,176 @@\n+import { Shield, Mail } from 'lucide-react'\n+\n export default function TOSPage() {\n \treturn (\n-\t\t

\n+\t\t

\n+\t\t\t{/* Hero Section */}\n+\t\t\t

\n+\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t\t\t\n+\t\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t\t\tTerms of Service\n+\t\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t\t\tLast updated: January 1, 2025\n+\t\t\t\t\t

\n+\t\t\t\t

\n+\t\t\t

\n+\n+\t\t\t{/* Content Section */}\n+\t\t\t

\n+\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t1. Acceptance of Terms\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\tBy accessing and using EpicStore's services, you accept and\n+\t\t\t\t\t\t\t\tagree to be bound by the terms and provision of this agreement.\n+\t\t\t\t\t\t\t\tIf you do not agree to abide by the above, please do not use\n+\t\t\t\t\t\t\t\tthis service.\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t2. Use License\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\tPermission is granted to temporarily download one copy of the\n+\t\t\t\t\t\t\t\tmaterials on EpicStore's website for personal, non-commercial\n+\t\t\t\t\t\t\t\ttransitory viewing only. This is the grant of a license, not a\n+\t\t\t\t\t\t\t\ttransfer of title, and under this license you may not:\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

modify or copy the materials
\n+\t\t\t\t\t\t\t\t\tuse the materials for any commercial purpose or for any public\n+\t\t\t\t\t\t\t\t\tdisplay\n+\t\t\t\t\t\t\t\t
\n+\t\t\t\t\t\t\t\t\tattempt to reverse engineer any software contained on\n+\t\t\t\t\t\t\t\t\tEpicStore's website\n+\t\t\t\t\t\t\t\t
\n+\t\t\t\t\t\t\t\t\tremove any copyright or other proprietary notations from the\n+\t\t\t\t\t\t\t\t\tmaterials\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t3. Service Availability\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\tEpicStore strives to provide continuous service availability.\n+\t\t\t\t\t\t\t\tHowever, we do not guarantee that our services will be available\n+\t\t\t\t\t\t\t\tat all times. We may suspend or discontinue services for\n+\t\t\t\t\t\t\t\tmaintenance, upgrades, or other operational reasons.\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t4. User Accounts\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\tWhen you create an account with us, you must provide information\n+\t\t\t\t\t\t\t\tthat is accurate, complete, and current at all times. You are\n+\t\t\t\t\t\t\t\tresponsible for safeguarding the password and for all activities\n+\t\t\t\t\t\t\t\tthat occur under your account.\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t5. Payment Terms\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\tPayment for our services is due according to the billing cycle\n+\t\t\t\t\t\t\t\tselected at the time of subscription. Failure to pay may result\n+\t\t\t\t\t\t\t\tin suspension or termination of service.\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t6. Data Protection\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\tWe are committed to protecting your data. We implement\n+\t\t\t\t\t\t\t\tappropriate technical and organizational measures to ensure a\n+\t\t\t\t\t\t\t\tlevel of security appropriate to the risk.\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t7. Limitation of Liability\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\tIn no event shall EpicStore or its suppliers be liable for any\n+\t\t\t\t\t\t\t\tdamages (including, without limitation, damages for loss of data\n+\t\t\t\t\t\t\t\tor profit, or due to business interruption) arising out of the\n+\t\t\t\t\t\t\t\tuse or inability to use the materials on EpicStore's website.\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t8. Termination\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\tWe may terminate or suspend your account and bar access to the\n+\t\t\t\t\t\t\t\tservice immediately, without prior notice or liability, under\n+\t\t\t\t\t\t\t\tour sole discretion, for any reason whatsoever including but not\n+\t\t\t\t\t\t\t\tlimited to a breach of the Terms.\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t9. Changes to Terms\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\tEpicStore may revise these terms of service at any time without\n+\t\t\t\t\t\t\t\tnotice. By using this website, you are agreeing to be bound by\n+\t\t\t\t\t\t\t\tthe then current version of these terms of service.\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t10. Contact Information\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\tIf you have any questions about these Terms of Service, please\n+\t\t\t\t\t\t\t\tcontact us at:\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\tEmail:{' '}\n+\t\t\t\t\t\t\t\t\t\t\tlegal@epic-store.com\n+\t\t\t\t\t\t\t\t\t\t\t
\n+\t\t\t\t\t\t\t\t\t\t\tPhone: +1 (555)\n+\t\t\t\t\t\t\t\t\t\t\t123-4567\n+\t\t\t\t\t\t\t\t\t\t\t
\n+\t\t\t\t\t\t\t\t\t\t\tAddress: 123\n+\t\t\t\t\t\t\t\t\t\t\tDesign District, San Francisco, CA 94105\n+\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t

\n+\t\t\t

\n+\t\t

\n \t)\n }\ndiff --git a/app/routes/_landing.terms-of-use.tsx b/app/routes/_landing.terms-of-use.tsx\nindex e80519b..d768f21 100644\n--- a/app/routes/_landing.terms-of-use.tsx\n+++ b/app/routes/_landing.terms-of-use.tsx\n@@ -1,3 +1,187 @@\n+import { FileText, Mail } from 'lucide-react'\n+\n export default function TOUPage() {\n-\treturn

\n+\treturn (\n+\t\t

\n+\t\t\t{/* Hero Section */}\n+\t\t\t

\n+\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t\t\t\n+\t\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t\t\tTerms of Use\n+\t\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t\t\tLast updated: January 1, 2025\n+\t\t\t\t\t

\n+\t\t\t\t

\n+\t\t\t

\n+\n+\t\t\t{/* Content Section */}\n+\t\t\t

\n+\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t1. Acceptance and Agreement\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\tThese Terms of Use (\"Terms\") govern your use of EpicStore's\n+\t\t\t\t\t\t\t\twebsite, products, and services (collectively, the \"Service\").\n+\t\t\t\t\t\t\t\tBy accessing or using our Service, you agree to be bound by\n+\t\t\t\t\t\t\t\tthese Terms.\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t2. Acceptable Use\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\tYou agree to use our Service only for lawful purposes and in\n+\t\t\t\t\t\t\t\taccordance with these Terms. You agree not to use the Service:\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\tIn any way that violates applicable federal, state, local, or\n+\t\t\t\t\t\t\t\t\tinternational law\n+\t\t\t\t\t\t\t\t
\n+\t\t\t\t\t\t\t\t\tTo engage in any conduct that restricts or inhibits anyone's\n+\t\t\t\t\t\t\t\t\tuse or enjoyment of the Service\n+\t\t\t\t\t\t\t\t
\n+\t\t\t\t\t\t\t\t\tTo impersonate or attempt to impersonate EpicStore or any\n+\t\t\t\t\t\t\t\t\temployee, agent, or affiliate\n+\t\t\t\t\t\t\t\t
\n+\t\t\t\t\t\t\t\t\tTo engage in any automated use of the system without our\n+\t\t\t\t\t\t\t\t\texpress written permission\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t3. User Content\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\tOur Service may allow you to post, link, store, share and\n+\t\t\t\t\t\t\t\totherwise make available certain information, text, graphics,\n+\t\t\t\t\t\t\t\tvideos, or other material (\"Content\"). You are responsible for\n+\t\t\t\t\t\t\t\tthe Content that you post to the Service.\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\tBy posting Content to the Service, you grant us the right and\n+\t\t\t\t\t\t\t\tlicense to use, modify, publicly perform, publicly display,\n+\t\t\t\t\t\t\t\treproduce, and distribute such Content on and through the\n+\t\t\t\t\t\t\t\tService.\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t4. Privacy Policy\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\tYour privacy is important to us. Our Privacy Policy explains how\n+\t\t\t\t\t\t\t\twe collect, use, and protect information when you use our\n+\t\t\t\t\t\t\t\tService. By using our Service, you agree to the collection and\n+\t\t\t\t\t\t\t\tuse of information in accordance with our Privacy Policy.\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t5. Intellectual Property Rights\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\tThe Service and its original content, features, and\n+\t\t\t\t\t\t\t\tfunctionality are and will remain the exclusive property of\n+\t\t\t\t\t\t\t\tEpicStore and its licensors. The Service is protected by\n+\t\t\t\t\t\t\t\tcopyright, trademark, and other laws.\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t6. Prohibited Uses\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\tYou may not use our Service for any unlawful purpose or to\n+\t\t\t\t\t\t\t\tsolicit others to perform unlawful acts. You may not violate any\n+\t\t\t\t\t\t\t\tlaws in your jurisdiction including but not limited to copyright\n+\t\t\t\t\t\t\t\tlaws.\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t7. Service Modifications\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\tWe reserve the right to modify or discontinue, temporarily or\n+\t\t\t\t\t\t\t\tpermanently, the Service (or any part thereof) with or without\n+\t\t\t\t\t\t\t\tnotice. We shall not be liable to you or any third party for any\n+\t\t\t\t\t\t\t\tmodification, suspension, or discontinuance of the Service.\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t8. Disclaimer\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\tThe information on this website is provided on an \"as is\" basis.\n+\t\t\t\t\t\t\t\tTo the fullest extent permitted by law, EpicStore excludes all\n+\t\t\t\t\t\t\t\trepresentations, warranties, conditions, and other terms which\n+\t\t\t\t\t\t\t\tmight otherwise be implied by statute, common law, or the law of\n+\t\t\t\t\t\t\t\tequity.\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t9. Governing Law\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\tThese Terms shall be interpreted and governed by the laws of the\n+\t\t\t\t\t\t\t\tState of California, without regard to its conflict of law\n+\t\t\t\t\t\t\t\tprovisions. Our failure to enforce any right or provision of\n+\t\t\t\t\t\t\t\tthese Terms will not be considered a waiver of those rights.\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t10. Contact Us\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\tIf you have any questions about these Terms of Use, please\n+\t\t\t\t\t\t\t\tcontact us:\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t

\n+\t\t\t

\n+\t\t

\n+\t)\n }\ndiff --git a/app/routes/_landing.tsx b/app/routes/_landing.tsx\nindex 58b33c2..80bd6ab 100644\n--- a/app/routes/_landing.tsx\n+++ b/app/routes/_landing.tsx\n@@ -1,11 +1,15 @@\n import { Outlet } from 'react-router'\n+import { Footer } from '#app/components/footer'\n+import { Header } from '#app/components/header'\n \n export default function LayoutPage() {\n \treturn (\n \t\t

\n+\t\t\t

\n \t\t\t

\n \t\t\t\t\n \t\t\t

\n+\t\t\t

\n \t)\n }\ndiff --git a/data/products.ts b/data/products.ts\nnew file mode 100644\nindex 0000000..bc945bd\n--- /dev/null\n+++ b/data/products.ts\n@@ -0,0 +1,228 @@\n+export const products = [\n+\t{\n+\t\tid: '1',\n+\t\tname: 'Air Max Revolution',\n+\t\tprice: 129.99,\n+\t\timage:\n+\t\t\t'https://images.pexels.com/photos/2529148/pexels-photo-2529148.jpeg?auto=compress&cs=tinysrgb&w=600',\n+\t\tbrand: 'SkyStep',\n+\t\tcategory: 'Running',\n+\t\tdescription:\n+\t\t\t'Revolutionary running shoes with advanced air cushioning technology for maximum comfort and performance.',\n+\t\tsizes: [\n+\t\t\t'7',\n+\t\t\t'7.5',\n+\t\t\t'8',\n+\t\t\t'8.5',\n+\t\t\t'9',\n+\t\t\t'9.5',\n+\t\t\t'10',\n+\t\t\t'10.5',\n+\t\t\t'11',\n+\t\t\t'11.5',\n+\t\t\t'12',\n+\t\t],\n+\t\tcolors: ['Black', 'White', 'Red', 'Blue'],\n+\t\trating: 4.8,\n+\t\treviews: 324,\n+\t\tinStock: true,\n+\t},\n+\t{\n+\t\tid: '2',\n+\t\tname: 'Urban Explorer',\n+\t\tprice: 89.99,\n+\t\timage:\n+\t\t\t'https://images.pexels.com/photos/1598505/pexels-photo-1598505.jpeg?auto=compress&cs=tinysrgb&w=600',\n+\t\tbrand: 'StreetWalk',\n+\t\tcategory: 'Casual',\n+\t\tdescription:\n+\t\t\t'Stylish casual sneakers perfect for everyday wear with premium leather construction.',\n+\t\tsizes: ['6', '6.5', '7', '7.5', '8', '8.5', '9', '9.5', '10', '10.5', '11'],\n+\t\tcolors: ['Brown', 'Black', 'Navy', 'Gray'],\n+\t\trating: 4.6,\n+\t\treviews: 189,\n+\t\tinStock: true,\n+\t},\n+\t{\n+\t\tid: '3',\n+\t\tname: 'Elite Performance',\n+\t\tprice: 199.99,\n+\t\timage:\n+\t\t\t'https://images.pexels.com/photos/1464625/pexels-photo-1464625.jpeg?auto=compress&cs=tinysrgb&w=600',\n+\t\tbrand: 'ProAthlete',\n+\t\tcategory: 'Athletic',\n+\t\tdescription:\n+\t\t\t'Professional-grade athletic shoes designed for peak performance and durability.',\n+\t\tsizes: [\n+\t\t\t'7',\n+\t\t\t'7.5',\n+\t\t\t'8',\n+\t\t\t'8.5',\n+\t\t\t'9',\n+\t\t\t'9.5',\n+\t\t\t'10',\n+\t\t\t'10.5',\n+\t\t\t'11',\n+\t\t\t'11.5',\n+\t\t\t'12',\n+\t\t\t'13',\n+\t\t],\n+\t\tcolors: ['Black', 'White', 'Orange', 'Green'],\n+\t\trating: 4.9,\n+\t\treviews: 567,\n+\t\tinStock: true,\n+\t},\n+\t{\n+\t\tid: '4',\n+\t\tname: 'Classic Heritage',\n+\t\tprice: 149.99,\n+\t\timage:\n+\t\t\t'https://images.pexels.com/photos/1456706/pexels-photo-1456706.jpeg?auto=compress&cs=tinysrgb&w=600',\n+\t\tbrand: 'TimelessStep',\n+\t\tcategory: 'Lifestyle',\n+\t\tdescription:\n+\t\t\t'Timeless design meets modern comfort in these heritage-inspired lifestyle sneakers.',\n+\t\tsizes: [\n+\t\t\t'6',\n+\t\t\t'6.5',\n+\t\t\t'7',\n+\t\t\t'7.5',\n+\t\t\t'8',\n+\t\t\t'8.5',\n+\t\t\t'9',\n+\t\t\t'9.5',\n+\t\t\t'10',\n+\t\t\t'10.5',\n+\t\t\t'11',\n+\t\t\t'11.5',\n+\t\t],\n+\t\tcolors: ['White', 'Cream', 'Navy', 'Burgundy'],\n+\t\trating: 4.7,\n+\t\treviews: 298,\n+\t\tinStock: true,\n+\t},\n+\t{\n+\t\tid: '5',\n+\t\tname: 'Trail Blazer',\n+\t\tprice: 169.99,\n+\t\timage:\n+\t\t\t'https://images.pexels.com/photos/1598508/pexels-photo-1598508.jpeg?auto=compress&cs=tinysrgb&w=600',\n+\t\tbrand: 'OutdoorPro',\n+\t\tcategory: 'Hiking',\n+\t\tdescription:\n+\t\t\t'Rugged hiking boots built for adventure with waterproof protection and superior grip.',\n+\t\tsizes: [\n+\t\t\t'7',\n+\t\t\t'7.5',\n+\t\t\t'8',\n+\t\t\t'8.5',\n+\t\t\t'9',\n+\t\t\t'9.5',\n+\t\t\t'10',\n+\t\t\t'10.5',\n+\t\t\t'11',\n+\t\t\t'11.5',\n+\t\t\t'12',\n+\t\t],\n+\t\tcolors: ['Brown', 'Black', 'Olive', 'Tan'],\n+\t\trating: 4.8,\n+\t\treviews: 412,\n+\t\tinStock: true,\n+\t},\n+\t{\n+\t\tid: '6',\n+\t\tname: 'Speed Demon',\n+\t\tprice: 179.99,\n+\t\timage:\n+\t\t\t'https://images.pexels.com/photos/2529157/pexels-photo-2529157.jpeg?auto=compress&cs=tinysrgb&w=600',\n+\t\tbrand: 'VelocityRun',\n+\t\tcategory: 'Running',\n+\t\tdescription:\n+\t\t\t'Ultra-lightweight racing shoes engineered for speed with carbon fiber plate technology.',\n+\t\tsizes: [\n+\t\t\t'6.5',\n+\t\t\t'7',\n+\t\t\t'7.5',\n+\t\t\t'8',\n+\t\t\t'8.5',\n+\t\t\t'9',\n+\t\t\t'9.5',\n+\t\t\t'10',\n+\t\t\t'10.5',\n+\t\t\t'11',\n+\t\t\t'11.5',\n+\t\t\t'12',\n+\t\t],\n+\t\tcolors: ['Neon Yellow', 'Black', 'White', 'Red'],\n+\t\trating: 4.9,\n+\t\treviews: 678,\n+\t\tinStock: true,\n+\t},\n+\t{\n+\t\tid: '7',\n+\t\tname: 'Comfort Cloud',\n+\t\tprice: 99.99,\n+\t\timage:\n+\t\t\t'https://images.pexels.com/photos/1456705/pexels-photo-1456705.jpeg?auto=compress&cs=tinysrgb&w=600',\n+\t\tbrand: 'SoftStep',\n+\t\tcategory: 'Comfort',\n+\t\tdescription:\n+\t\t\t'All-day comfort shoes with memory foam insoles and breathable mesh construction.',\n+\t\tsizes: ['6', '6.5', '7', '7.5', '8', '8.5', '9', '9.5', '10', '10.5', '11'],\n+\t\tcolors: ['Gray', 'Black', 'White', 'Pink'],\n+\t\trating: 4.5,\n+\t\treviews: 234,\n+\t\tinStock: true,\n+\t},\n+\t{\n+\t\tid: '8',\n+\t\tname: 'Business Elite',\n+\t\tprice: 249.99,\n+\t\timage:\n+\t\t\t'https://images.pexels.com/photos/1598507/pexels-photo-1598507.jpeg?auto=compress&cs=tinysrgb&w=600',\n+\t\tbrand: 'ExecutiveWear',\n+\t\tcategory: 'Formal',\n+\t\tdescription:\n+\t\t\t'Premium leather dress shoes crafted for the modern professional with Italian styling.',\n+\t\tsizes: [\n+\t\t\t'7',\n+\t\t\t'7.5',\n+\t\t\t'8',\n+\t\t\t'8.5',\n+\t\t\t'9',\n+\t\t\t'9.5',\n+\t\t\t'10',\n+\t\t\t'10.5',\n+\t\t\t'11',\n+\t\t\t'11.5',\n+\t\t\t'12',\n+\t\t],\n+\t\tcolors: ['Black', 'Brown', 'Cognac', 'Burgundy'],\n+\t\trating: 4.8,\n+\t\treviews: 156,\n+\t\tinStock: true,\n+\t},\n+]\n+\n+export const categories = [\n+\t'All',\n+\t'Running',\n+\t'Casual',\n+\t'Athletic',\n+\t'Lifestyle',\n+\t'Hiking',\n+\t'Comfort',\n+\t'Formal',\n+]\n+\n+export const brands = [\n+\t'All',\n+\t'SkyStep',\n+\t'StreetWalk',\n+\t'ProAthlete',\n+\t'TimelessStep',\n+\t'OutdoorPro',\n+\t'VelocityRun',\n+\t'SoftStep',\n+\t'ExecutiveWear',\n+]\ndiff --git a/package.json b/package.json\nindex 59d2712..245bd76 100644\n--- a/package.json\n+++ b/package.json\n@@ -1,5 +1,5 @@\n {\n- \"name\": \"exercises_01.routing_02.solution.automatic-routing\",\n+ \"name\": \"exercises_02.metadata_01.problem.styling\",\n \"private\": true,\n \"type\": \"module\",\n \"imports\": {\n@@ -30,6 +30,7 @@\n \"@types/react\": \"^19.1.2\",\n \"@types/react-dom\": \"^19.1.2\",\n \"dotenv\": \"^16.3.1\",\n+ \"react-router-devtools\": \"^5.1.3\",\n \"tailwindcss\": \"^4.1.4\",\n \"typescript\": \"^5.8.3\",\n \"vite\": \"^6.3.3\",\ndiff --git a/tests/e2e/routing.test.ts b/tests/e2e/routing.test.ts\nindex f2055e7..3fed9ac 100644\n--- a/tests/e2e/routing.test.ts\n+++ b/tests/e2e/routing.test.ts\n@@ -5,48 +5,58 @@ test.describe('Routing E2E Tests', () => {\n \t\tpage,\n \t}) => {\n \t\tawait page.goto('/')\n-\t\tawait expect(page.getByText('Landing page!')).toBeVisible()\n+\t\tawait expect(page.getByRole('heading', { name: 'Step Into' })).toBeVisible()\n \t})\n \n \ttest('should navigate to about page and render correct content', async ({\n \t\tpage,\n \t}) => {\n \t\tawait page.goto('/about')\n-\t\tawait expect(page.getByText('About page!')).toBeVisible()\n+\t\tawait expect(page.getByRole('heading', { name: 'Our Story' })).toBeVisible()\n \t})\n \n \ttest('should navigate to contact page and render correct content', async ({\n \t\tpage,\n \t}) => {\n \t\tawait page.goto('/contact')\n-\t\tawait expect(page.getByText('Contact page!')).toBeVisible()\n+\t\tawait expect(\n+\t\t\tpage.getByRole('heading', { name: 'Get in Touch' }),\n+\t\t).toBeVisible()\n \t})\n \n \ttest('should navigate to products page and render correct content', async ({\n \t\tpage,\n \t}) => {\n \t\tawait page.goto('/products')\n-\t\tawait expect(page.getByText('Products page!')).toBeVisible()\n+\t\tawait expect(\n+\t\t\tpage.getByRole('heading', { name: 'All Products' }),\n+\t\t).toBeVisible()\n \t})\n \n \ttest('should navigate to terms-of-service page and render correct content', async ({\n \t\tpage,\n \t}) => {\n \t\tawait page.goto('/terms-of-service')\n-\t\tawait expect(page.getByText('Terms of Service page!')).toBeVisible()\n+\t\tawait expect(\n+\t\t\tpage.getByRole('heading', { name: 'Terms of Service' }),\n+\t\t).toBeVisible()\n \t})\n \n \ttest('should navigate to terms-of-use page and render correct content', async ({\n \t\tpage,\n \t}) => {\n \t\tawait page.goto('/terms-of-use')\n-\t\tawait expect(page.getByText('Terms of Use page!')).toBeVisible()\n+\t\tawait expect(\n+\t\t\tpage.getByRole('heading', { name: 'Terms of Use' }),\n+\t\t).toBeVisible()\n \t})\n \n \ttest('should navigate to specific product page and render correct content', async ({\n \t\tpage,\n \t}) => {\n \t\tawait page.goto('/products/1')\n-\t\tawait expect(page.getByText('Product Detail Page')).toBeVisible()\n+\t\tawait expect(\n+\t\t\tpage.getByRole('heading', { name: 'Air Max Revolution' }),\n+\t\t).toBeVisible()\n \t})\n })\ndiff --git a/tests/e2e/styling.test.ts b/tests/e2e/styling.test.ts\nnew file mode 100644\nindex 0000000..7172de8\n--- /dev/null\n+++ b/tests/e2e/styling.test.ts\n@@ -0,0 +1,24 @@\n+import test, { expect } from '@playwright/test'\n+\n+test.describe('Routing E2E Tests', () => {\n+\ttest('should navigate to home page and render correct content', async ({\n+\t\tpage,\n+\t}) => {\n+\t\tawait page.goto('/')\n+\t\tconst stylesheets = await page.locator('link[rel=\"stylesheet\"]').all()\n+\t\texpect(stylesheets.length).toBeGreaterThan(0)\n+\t\tconst stylesheetValues = await Promise.all(\n+\t\t\tstylesheets.map(async (link) => {\n+\t\t\t\tconst href = await link.getAttribute('href')\n+\t\t\t\treturn href\n+\t\t\t}),\n+\t\t)\n+\t\tconst requiredStylesheets = [\n+\t\t\t'/app/app.css',\n+\t\t\t'https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap',\n+\t\t]\n+\t\trequiredStylesheets.forEach((requiredStylesheet) => {\n+\t\t\texpect(stylesheetValues).toContain(requiredStylesheet)\n+\t\t})\n+\t})\n+})\ndiff --git a/vite.config.ts b/vite.config.ts\nindex 7d1a025..2ea2968 100644\n--- a/vite.config.ts\n+++ b/vite.config.ts\n@@ -1,10 +1,16 @@\n import { reactRouter } from '@react-router/dev/vite'\n import tailwindcss from '@tailwindcss/vite'\n+import { reactRouterDevTools } from 'react-router-devtools'\n import { defineConfig } from 'vite'\n import devtoolsJson from 'vite-plugin-devtools-json'\n \n export default defineConfig({\n-\tplugins: [tailwindcss(), reactRouter(), devtoolsJson()],\n+\tplugins: [\n+\t\treactRouterDevTools(),\n+\t\ttailwindcss(),\n+\t\treactRouter(),\n+\t\tdevtoolsJson(),\n+\t],\n \tserver: {\n \t\tport: process.env.PORT ? parseInt(process.env.PORT) : 3000,\n \t},"]

app/app.css-0+16App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

app/components/footer.tsx-0+109App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

app/components/header.tsx-0+113App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

app/root.tsx-6+19App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

app/routes/_landing._index/categories-section.tsx-0+68App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

app/routes/_landing._index/featured-products.section.tsx-0+74App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

app/routes/_landing._index/features-section.tsx-0+51App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

app/routes/_landing._index/hero-section.tsx-0+61App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

app/routes/_landing._index/newsletter-section.tsx-0+25App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

app/routes/_landing._index/route.tsx-3+17App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

app/routes/_landing.about.tsx-3+201App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

app/routes/_landing.cart.tsx-7+247App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

app/routes/_landing.contact.tsx-3+305App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

app/routes/_landing.products.$productId.tsx-7+306App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

app/routes/_landing.products._index.tsx-7+298App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

app/routes/_landing.terms-of-service.tsx-5+176App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

app/routes/_landing.terms-of-use.tsx-3+187App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

app/routes/_landing.tsx-11+15App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

data/products.ts-0+228App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

package.json-11+12App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

tests/e2e/routing.test.ts-48+58App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

tests/e2e/styling.test.ts-0+24App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

vite.config.ts-10+16App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

app/app.css-0+16App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

app/components/footer.tsx-0+109App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

app/components/header.tsx-0+113App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

app/root.tsx-6+19App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

app/routes/_landing._index/categories-section.tsx-0+68App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

app/routes/_landing._index/featured-products.section.tsx-0+74App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

app/routes/_landing._index/features-section.tsx-0+51App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

app/routes/_landing._index/hero-section.tsx-0+61App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

app/routes/_landing._index/newsletter-section.tsx-0+25App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

app/routes/_landing._index/route.tsx-3+17App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

app/routes/_landing.about.tsx-3+201App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

app/routes/_landing.cart.tsx-7+247App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

app/routes/_landing.contact.tsx-3+305App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

app/routes/_landing.products.$productId.tsx-7+306App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

app/routes/_landing.products._index.tsx-7+298App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

app/routes/_landing.terms-of-service.tsx-5+176App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

app/routes/_landing.terms-of-use.tsx-3+187App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

app/routes/_landing.tsx-11+15App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

data/products.ts-0+228App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

package.json-11+12App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

tests/e2e/routing.test.ts-48+58App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

tests/e2e/styling.test.ts-0+24App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

vite.config.ts-10+16App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2