feat: overhaul LandingPage with comprehensive artisan benefit, category, and onboarding step features
25
index.html
|
|
@ -10,6 +10,31 @@
|
|||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" />
|
||||
<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
|
||||
<script>
|
||||
tailwind = {
|
||||
config: {
|
||||
theme: {
|
||||
extend: {
|
||||
colors: {
|
||||
brand: {
|
||||
maroon: '#671B26',
|
||||
maroonHover: '#52141e',
|
||||
footerWine: '#791B2C',
|
||||
cream: '#fbf9f5',
|
||||
creamDark: '#f2eee6',
|
||||
navy: '#1B2667',
|
||||
border: '#e6e1d8'
|
||||
}
|
||||
},
|
||||
fontFamily: {
|
||||
sans: ['Inter', 'system-ui', '-apple-system', 'Segoe UI', 'Roboto', 'sans-serif']
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
|
|
|
|||
BIN
public/images/landing/benefit-1.jpg
Normal file
|
After Width: | Height: | Size: 57 KiB |
BIN
public/images/landing/benefit-10.jpg
Normal file
|
After Width: | Height: | Size: 86 KiB |
BIN
public/images/landing/benefit-2.jpg
Normal file
|
After Width: | Height: | Size: 58 KiB |
BIN
public/images/landing/benefit-3.jpg
Normal file
|
After Width: | Height: | Size: 58 KiB |
BIN
public/images/landing/benefit-4.jpg
Normal file
|
After Width: | Height: | Size: 80 KiB |
BIN
public/images/landing/benefit-5.jpg
Normal file
|
After Width: | Height: | Size: 56 KiB |
BIN
public/images/landing/benefit-6.jpg
Normal file
|
After Width: | Height: | Size: 72 KiB |
BIN
public/images/landing/benefit-7.jpg
Normal file
|
After Width: | Height: | Size: 74 KiB |
BIN
public/images/landing/benefit-8.jpg
Normal file
|
After Width: | Height: | Size: 43 KiB |
BIN
public/images/landing/benefit-9.jpg
Normal file
|
After Width: | Height: | Size: 65 KiB |
BIN
public/images/landing/cat-gi.jpg
Normal file
|
After Width: | Height: | Size: 65 KiB |
BIN
public/images/landing/cat-odop.jpg
Normal file
|
After Width: | Height: | Size: 65 KiB |
BIN
public/images/landing/cat-sustainable.jpg
Normal file
|
After Width: | Height: | Size: 67 KiB |
BIN
public/images/landing/hero-showcase.jpg
Normal file
|
After Width: | Height: | Size: 75 KiB |
BIN
public/images/landing/tradhox-logo.png
Normal file
|
After Width: | Height: | Size: 13 KiB |
BIN
public/images/landing/tradhox-wordmark.png
Normal file
|
After Width: | Height: | Size: 13 KiB |
|
|
@ -55,10 +55,9 @@ describe('Supplier Portal Onboarding & Active Dashboard Tests', () => {
|
|||
it('renders landing page with correct primary titles', () => {
|
||||
render(<App />)
|
||||
|
||||
expect(screen.getByText(/The Winter Weaves/i)).toBeInTheDocument()
|
||||
expect(screen.getByText(/Sell Authentic Handcrafted Products Across India & Worldwide/i)).toBeInTheDocument()
|
||||
|
||||
|
||||
expect(screen.getByRole('heading', { name: /^Explore by Craft$/i })).toBeInTheDocument()
|
||||
expect(screen.getByRole('heading', { name: /^Featured Seller Categories$/i })).toBeInTheDocument()
|
||||
})
|
||||
|
||||
it('navigates to Support page and handles contact form submission', () => {
|
||||
|
|
|
|||
|
|
@ -17,12 +17,15 @@ function AppRouter() {
|
|||
return <DashboardLayout />;
|
||||
}
|
||||
|
||||
if (currentPage === 'home') {
|
||||
return <LandingPage />;
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="is-flex is-flex-direction-column" style={{ minHeight: '100vh' }}>
|
||||
<Header />
|
||||
<main className="is-flex-grow-1">
|
||||
{currentPage === 'profile-completion' && <OnboardingWizard />}
|
||||
{currentPage === 'home' && <LandingPage />}
|
||||
{currentPage === 'about' && <AboutPage />}
|
||||
{currentPage === 'contact' && <ContactPage />}
|
||||
{(currentPage === 'login' || currentPage === 'signup') && <AuthForms />}
|
||||
|
|
|
|||