bender/7f75b6a9-e8a6-474f-afc5-f7b43014fc3c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-02-21 13:06:03 +00:00
parent e89d6a64f8 9162913132
commit 6a90fe4751
3 changed files with 40 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/app/blog/page.tsx
View File

@@ -9,31 +9,28 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
const navItems = [ const navItems = [
{ name: "Home", id: "/" }, { name: "Home", id: "/" },
{ name: "About Us", id: "about-us" }, { name: "Blog", id: "/blog" },
{ name: "Process", id: "adoption-process" }, { name: "Shop", id: "/shop" },
{ name: "Pets", id: "available-pets" }, { name: "Contact", id: "/#contact-us" },
{ name: "Success", id: "success-stories" },
{ name: "FAQs", id: "faq" },
{ name: "Contact", id: "contact-us" },
]; ];
const footerColumns = [ const footerColumns = [
{ {
title: "Adoption", items: [ title: "Adoption", items: [
{ label: "Available Pets", href: "#available-pets" }, { label: "Available Pets", href: "/#available-pets" },
{ label: "Adoption Process", href: "#adoption-process" }, { label: "Adoption Process", href: "/#adoption-process" },
], ],
}, },
{ {
title: "Get Involved", items: [ title: "Get Involved", items: [
{ label: "Volunteer", href: "#contact-us" }, { label: "Volunteer", href: "/#contact-us" },
{ label: "Donate", href: "https://example.com/donate" }, { label: "Donate", href: "https://example.com/donate" },
], ],
}, },
{ {
title: "About Us", items: [ title: "About Us", items: [
{ label: "Our Mission", href: "#about-us" }, { label: "Our Mission", href: "/#about-us" },
{ label: "Contact Us", href: "#contact-us" }, { label: "Contact Us", href: "/#contact-us" },
], ],
}, },
]; ];

57
src/app/shop/[id]/page.tsx
View File

@@ -1,4 +1,4 @@
use client"; "use client";
import { Suspense, use, useCallback } from "react"; import { Suspense, use, useCallback } from "react";
import { useRouter } from "next/navigation"; import { useRouter } from "next/navigation";
@@ -16,6 +16,13 @@ interface ProductPageProps {
params: Promise<{ id: string }>; params: Promise<{ id: string }>;
} }
const navItems = [
{ name: "Home", id: "/" },
{ name: "Blog", id: "/blog" },
{ name: "Shop", id: "/shop" },
{ name: "Contact", id: "/#contact-us" },
];
export default function ProductPage({ params }: ProductPageProps) { export default function ProductPage({ params }: ProductPageProps) {
return ( return (
<Suspense fallback={null}> <Suspense fallback={null}>
@@ -89,20 +96,10 @@ function ProductPageContent({ params }: ProductPageProps) {
headingFontWeight="bold" headingFontWeight="bold"
> >
<ReactLenis root> <ReactLenis root>
<div id="navbar" data-section="navbar"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={navItems}
{ name: "Home", id: "/" },
{ name: "About Us", id: "about-us" },
{ name: "Process", id: "adoption-process" },
{ name: "Pets", id: "available-pets" },
{ name: "Success", id: "success-stories" },
{ name: "FAQs", id: "faq" },
{ name: "Contact", id: "contact-us" },
{ name: "Shop", id: "/shop" },
]}
brandName="Pet Haven" brandName="Pet Haven"
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
/> />
</div> </div>
<main className="min-h-screen flex items-center justify-center pt-20"> <main className="min-h-screen flex items-center justify-center pt-20">
@@ -128,20 +125,10 @@ function ProductPageContent({ params }: ProductPageProps) {
headingFontWeight="bold" headingFontWeight="bold"
> >
<ReactLenis root> <ReactLenis root>
<div id="navbar" data-section="navbar"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={navItems}
{ name: "Home", id: "/" },
{ name: "About Us", id: "about-us" },
{ name: "Process", id: "adoption-process" },
{ name: "Pets", id: "available-pets" },
{ name: "Success", id: "success-stories" },
{ name: "FAQs", id: "faq" },
{ name: "Contact", id: "contact-us" },
{ name: "Shop", id: "/shop" },
]}
brandName="Pet Haven" brandName="Pet Haven"
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
/> />
</div> </div>
<main className="min-h-screen flex items-center justify-center pt-20"> <main className="min-h-screen flex items-center justify-center pt-20">
@@ -174,20 +161,10 @@ function ProductPageContent({ params }: ProductPageProps) {
headingFontWeight="bold" headingFontWeight="bold"
> >
<ReactLenis root> <ReactLenis root>
<div id="navbar" data-section="navbar"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={navItems}
{ name: "Home", id: "/" },
{ name: "About Us", id: "about-us" },
{ name: "Process", id: "adoption-process" },
{ name: "Pets", id: "available-pets" },
{ name: "Success", id: "success-stories" },
{ name: "FAQs", id: "faq" },
{ name: "Contact", id: "contact-us" },
{ name: "Shop", id: "/shop" },
]}
brandName="Pet Haven" brandName="Pet Haven"
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
/> />
</div> </div>
<div id="product-detail-card" data-section="product-detail-card"> <div id="product-detail-card" data-section="product-detail-card">
@@ -229,9 +206,9 @@ function ProductPageContent({ params }: ProductPageProps) {
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBaseReveal <FooterBaseReveal
columns={[ columns={[
{ title: "Adoption", items: [{ label: "Available Pets", href: "#available-pets" }, { label: "Adoption Process", href: "#adoption-process" }] }, { title: "Adoption", items: [{ label: "Available Pets", href: "/#available-pets" }, { label: "Adoption Process", href: "/#adoption-process" }] },
{ title: "Get Involved", items: [{ label: "Volunteer", href: "#contact-us" }, { label: "Donate", href: "https://example.com/donate" }] }, { title: "Get Involved", items: [{ label: "Volunteer", href: "/#contact-us" }, { label: "Donate", href: "https://example.com/donate" }] },
{ title: "About Us", items: [{ label: "Our Mission", href: "#about-us" }, { label: "Contact Us", href: "#contact-us" }] }, { title: "About Us", items: [{ label: "Our Mission", href: "/#about-us" }, { label: "Contact Us", href: "/#contact-us" }] },
]} ]}
copyrightText="© 2024 | Pet Haven. All rights reserved." copyrightText="© 2024 | Pet Haven. All rights reserved."
/> />

43
src/app/shop/page.tsx
View File

@@ -1,4 +1,4 @@
use client"; "use client";
import { Suspense, useCallback } from "react"; import { Suspense, useCallback } from "react";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
@@ -11,6 +11,13 @@ import { useProductCatalog } from "@/hooks/useProductCatalog";
import { useCart } from "@/hooks/useCart"; import { useCart } from "@/hooks/useCart";
import { useCheckout } from "@/hooks/useCheckout"; import { useCheckout } from "@/hooks/useCheckout";
const navItems = [
{ name: "Home", id: "/" },
{ name: "Blog", id: "/blog" },
{ name: "Shop", id: "/shop" },
{ name: "Contact", id: "/#contact-us" },
];
function ShopPageContent() { function ShopPageContent() {
const { const {
products, products,
@@ -56,20 +63,10 @@ function ShopPageContent() {
headingFontWeight="bold" headingFontWeight="bold"
> >
<ReactLenis root> <ReactLenis root>
<div id="navbar" data-section="navbar"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={navItems}
{ name: "Home", id: "/" },
{ name: "About Us", id: "about-us" },
{ name: "Process", id: "adoption-process" },
{ name: "Pets", id: "available-pets" },
{ name: "Success", id: "success-stories" },
{ name: "FAQs", id: "faq" },
{ name: "Contact", id: "contact-us" },
{ name: "Shop", id: "/shop" },
]}
brandName="Pet Haven" brandName="Pet Haven"
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
/> />
</div> </div>
<main className="min-h-screen flex items-center justify-center pt-20"> <main className="min-h-screen flex items-center justify-center pt-20">
@@ -94,20 +91,10 @@ function ShopPageContent() {
headingFontWeight="bold" headingFontWeight="bold"
> >
<ReactLenis root> <ReactLenis root>
<div id="navbar" data-section="navbar"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={navItems}
{ name: "Home", id: "/" },
{ name: "About Us", id: "about-us" },
{ name: "Process", id: "adoption-process" },
{ name: "Pets", id: "available-pets" },
{ name: "Success", id: "success-stories" },
{ name: "FAQs", id: "faq" },
{ name: "Contact", id: "contact-us" },
{ name: "Shop", id: "/shop" },
]}
brandName="Pet Haven" brandName="Pet Haven"
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
/> />
</div> </div>
<div id="product-catalog" data-section="product-catalog"> <div id="product-catalog" data-section="product-catalog">
@@ -139,9 +126,9 @@ function ShopPageContent() {
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBaseReveal <FooterBaseReveal
columns={[ columns={[
{ title: "Adoption", items: [{ label: "Available Pets", href: "#available-pets" }, { label: "Adoption Process", href: "#adoption-process" }] }, { title: "Adoption", items: [{ label: "Available Pets", href: "/#available-pets" }, { label: "Adoption Process", href: "/#adoption-process" }] },
{ title: "Get Involved", items: [{ label: "Volunteer", href: "#contact-us" }, { label: "Donate", href: "https://example.com/donate" }] }, { title: "Get Involved", items: [{ label: "Volunteer", href: "/#contact-us" }, { label: "Donate", href: "https://example.com/donate" }] },
{ title: "About Us", items: [{ label: "Our Mission", href: "#about-us" }, { label: "Contact Us", href: "#contact-us" }] }, { title: "About Us", items: [{ label: "Our Mission", href: "/#about-us" }, { label: "Contact Us", href: "/#contact-us" }] },
]} ]}
copyrightText="© 2024 | Pet Haven. All rights reserved." copyrightText="© 2024 | Pet Haven. All rights reserved."
/> />