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 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 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" />
|
<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>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="root"></div>
|
<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', () => {
|
it('renders landing page with correct primary titles', () => {
|
||||||
render(<App />)
|
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: /^Featured Seller Categories$/i })).toBeInTheDocument()
|
||||||
expect(screen.getByRole('heading', { name: /^Explore by Craft$/i })).toBeInTheDocument()
|
|
||||||
})
|
})
|
||||||
|
|
||||||
it('navigates to Support page and handles contact form submission', () => {
|
it('navigates to Support page and handles contact form submission', () => {
|
||||||
|
|
|
||||||
|
|
@ -17,12 +17,15 @@ function AppRouter() {
|
||||||
return <DashboardLayout />;
|
return <DashboardLayout />;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if (currentPage === 'home') {
|
||||||
|
return <LandingPage />;
|
||||||
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="is-flex is-flex-direction-column" style={{ minHeight: '100vh' }}>
|
<div className="is-flex is-flex-direction-column" style={{ minHeight: '100vh' }}>
|
||||||
<Header />
|
<Header />
|
||||||
<main className="is-flex-grow-1">
|
<main className="is-flex-grow-1">
|
||||||
{currentPage === 'profile-completion' && <OnboardingWizard />}
|
{currentPage === 'profile-completion' && <OnboardingWizard />}
|
||||||
{currentPage === 'home' && <LandingPage />}
|
|
||||||
{currentPage === 'about' && <AboutPage />}
|
{currentPage === 'about' && <AboutPage />}
|
||||||
{currentPage === 'contact' && <ContactPage />}
|
{currentPage === 'contact' && <ContactPage />}
|
||||||
{(currentPage === 'login' || currentPage === 'signup') && <AuthForms />}
|
{(currentPage === 'login' || currentPage === 'signup') && <AuthForms />}
|
||||||
|
|
|
||||||