Bob AI: Add pet-shop page

This commit is contained in:
kudinDmitriyUp
2026-06-14 19:08:42 +00:00
parent 87256f4dd9
commit 684e912a8c
4 changed files with 113 additions and 1 deletions

View File

@@ -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>
);

View File

@@ -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
View 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>
);
}

View File

@@ -6,4 +6,5 @@ export interface Route {
export const routes: Route[] = [
{ path: '/', label: 'Home', pageFile: 'HomePage' },
{ path: '/pet-shop', label: 'Pet Shop', pageFile: 'PetShopPage' },
];