Bob AI: Add pet-shop page
This commit is contained in:
@@ -2,11 +2,13 @@ import { Routes, Route } from 'react-router-dom';
|
||||
import Layout from './components/Layout';
|
||||
import HomePage from './pages/HomePage';
|
||||
|
||||
import PetShopPage from "@/pages/PetShopPage";
|
||||
export default function App() {
|
||||
return (
|
||||
<Routes>
|
||||
<Route element={<Layout />}>
|
||||
<Route path="/" element={<HomePage />} />
|
||||
<Route path="/pet-shop" element={<PetShopPage />} />
|
||||
</Route>
|
||||
</Routes>
|
||||
);
|
||||
|
||||
@@ -34,7 +34,9 @@ export default function Layout() {
|
||||
{
|
||||
"name": "Testimonials",
|
||||
"href": "#testimonials"
|
||||
}
|
||||
},
|
||||
{ name: "Pet Shop", href: "/pet-shop" },
|
||||
|
||||
];
|
||||
|
||||
return (
|
||||
|
||||
107
src/pages/PetShopPage.tsx
Normal file
107
src/pages/PetShopPage.tsx
Normal file
@@ -0,0 +1,107 @@
|
||||
import React from "react";
|
||||
import { routes } from "@/routes";
|
||||
import NavbarCentered from "@/components/ui/NavbarCentered";
|
||||
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
|
||||
import ProductMediaCards from "@/components/sections/product/ProductMediaCards";
|
||||
import TestimonialRatingCards from "@/components/sections/testimonial/TestimonialRatingCards";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
|
||||
export default function PetShopPage() {
|
||||
return (
|
||||
<div className="min-h-screen bg-background text-foreground flex flex-col">
|
||||
<NavbarCentered
|
||||
logo="Paws & Prestige"
|
||||
navItems={routes.map((r) => ({ name: r.label, href: r.path }))}
|
||||
ctaButton={{ text: "Zum Shop", href: "/shop" }}
|
||||
/>
|
||||
|
||||
<main className="flex-grow">
|
||||
<HeroBillboard
|
||||
tag="Premium Haustierbedarf"
|
||||
title="Das Beste für Ihre treuesten Begleiter."
|
||||
description="Exklusive Spielzeuge und hochwertige Pflegeprodukte für Hunde und Katzen. Entdecken Sie unsere Premium-Kollektion für ein glückliches Tierleben."
|
||||
primaryButton={{ text: "Kollektion ansehen", href: "/shop" }}
|
||||
secondaryButton={{ text: "Unsere Philosophie", href: "/about" }}
|
||||
imageSrc="https://images.unsplash.com/photo-1583337130417-3346a1be7dee?auto=format&fit=crop&q=80&w=1200"
|
||||
/>
|
||||
|
||||
<ProductMediaCards
|
||||
tag="Sortiment"
|
||||
title="Handverlesene Premium-Produkte"
|
||||
description="Nur die feinsten Materialien und Inhaltsstoffe für maximalen Komfort, Pflege und Spielspaß."
|
||||
products={[
|
||||
{
|
||||
name: "Katzentraum Kratzbaum Eiche",
|
||||
price: "€ 249,00",
|
||||
imageSrc: "https://images.unsplash.com/photo-1545249390-6bdfa286032f?auto=format&fit=crop&q=80&w=800"
|
||||
},
|
||||
{
|
||||
name: "Seidenweich Hunde-Shampoo",
|
||||
price: "€ 34,00",
|
||||
imageSrc: "https://images.unsplash.com/photo-1583337260546-28b61458004c?auto=format&fit=crop&q=80&w=800"
|
||||
},
|
||||
{
|
||||
name: "Leder-Leine 'Prestige'",
|
||||
price: "€ 89,00",
|
||||
imageSrc: "https://images.unsplash.com/photo-1601758124510-52d02ddb7cbd?auto=format&fit=crop&q=80&w=800"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
|
||||
<TestimonialRatingCards
|
||||
tag="Erfahrungen"
|
||||
title="Was unsere Kunden sagen"
|
||||
description="Qualität, die nicht nur Sie, sondern auch Ihre Haustiere überzeugt."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Anna M.",
|
||||
role: "Hundebesitzerin",
|
||||
quote: "Das Shampoo ist unglaublich. Das Fell meines Golden Retrievers war noch nie so weich und glänzend. Absolut empfehlenswert!",
|
||||
rating: 5
|
||||
},
|
||||
{
|
||||
name: "Thomas K.",
|
||||
role: "Katzenliebhaber",
|
||||
quote: "Der Kratzbaum sieht nicht nur edel im Wohnzimmer aus, sondern wird auch von meinen beiden Katzen geliebt. Top Verarbeitung.",
|
||||
rating: 5
|
||||
},
|
||||
{
|
||||
name: "Sophie L.",
|
||||
role: "Züchterin",
|
||||
quote: "Endlich eine Marke, die hält, was sie verspricht. Die Spielzeuge sind extrem robust und sicher für die Tiere.",
|
||||
rating: 4
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</main>
|
||||
|
||||
<FooterSimple
|
||||
brand="Paws & Prestige"
|
||||
copyright="© 2024 Paws & Prestige. Alle Rechte vorbehalten."
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{ label: "Hunde", href: "/shop/hunde" },
|
||||
{ label: "Katzen", href: "/shop/katzen" },
|
||||
{ label: "Pflege", href: "/shop/pflege" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Unternehmen",
|
||||
items: [
|
||||
{ label: "Über uns", href: "/about" },
|
||||
{ label: "Kontakt", href: "/contact" },
|
||||
{ label: "FAQ", href: "/faq" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
links={[
|
||||
{ label: "Impressum", href: "/impressum" },
|
||||
{ label: "Datenschutz", href: "/datenschutz" },
|
||||
{ label: "AGB", href: "/agb" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -6,4 +6,5 @@ export interface Route {
|
||||
|
||||
export const routes: Route[] = [
|
||||
{ path: '/', label: 'Home', pageFile: 'HomePage' },
|
||||
{ path: '/pet-shop', label: 'Pet Shop', pageFile: 'PetShopPage' },
|
||||
];
|
||||
|
||||
Reference in New Issue
Block a user