diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index be9ee33..071f718 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -67,16 +67,16 @@ export default function BlogPage() {
columns={[
{
title: "Navigation", items: [
- { label: "Home", href: "#hero" },
- { label: "Available Pets", href: "#products" },
- { label: "Adoption Process", href: "#features" },
- { label: "About", href: "#about" }
+ { label: "Home", href: "/" },
+ { label: "Available Pets", href: "products" },
+ { label: "Adoption Process", href: "features" },
+ { label: "About", href: "about" }
]
},
{
title: "Support", items: [
- { label: "FAQ", href: "#faq" },
- { label: "Contact Us", href: "#contact" },
+ { label: "FAQ", href: "faq" },
+ { label: "Contact Us", href: "contact" },
{ label: "Volunteer", href: "#" },
{ label: "Donate", href: "#" }
]
@@ -96,4 +96,4 @@ export default function BlogPage() {
);
-}
\ No newline at end of file
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index ae60bf8..bc2bc3c 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,44 +1,26 @@
import type { Metadata } from "next";
-import { DM_Sans } from "next/font/google";
+import { Inter } from "next/font/google";
import "./globals.css";
-import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";
+import "./styles/variables.css";
+import "./styles/base.css";
-const dmSans = DM_Sans({
- variable: "--font-dm-sans", subsets: ["latin"],
+const inter = Inter({
+ variable: "--font-inter", subsets: ["latin"],
});
export const metadata: Metadata = {
- title: "Pet Adoption | Happy Paws Shelter", description: "Find your perfect companion at Happy Paws Shelter. Browse adoptable dogs, cats, and other pets. Safe, loving adoption process with ongoing support.", keywords: "pet adoption, dog adoption, cat adoption, animal shelter, rescue pets, adopt a pet", robots: {
- index: true,
- follow: true
- },
- openGraph: {
- title: "Pet Adoption | Happy Paws Shelter", description: "Give a loving pet a new home. Browse our available animals and start your adoption journey today.", type: "website", siteName: "Happy Paws Shelter", images: [
- {
- url: "https://img.b2bpic.net/free-photo/pretty-girl-embarcing-cat-dog_8353-5281.jpg", alt: "Happy pets at Happy Paws Shelter"
- }
- ]
- },
- twitter: {
- card: "summary_large_image", title: "Pet Adoption | Happy Paws Shelter", description: "Find your perfect pet companion. Adopt from Happy Paws Shelter today.", images: ["https://img.b2bpic.net/free-photo/pretty-girl-embarcing-cat-dog_8353-5281.jpg"]
- }
-};
+ title: "Happy Paws Shelter", description: "Find your perfect pet companion at Happy Paws Shelter"};
export default function RootLayout({
children,
-}: Readonly<{
+}: {
children: React.ReactNode;
-}>) {
+}) {
return (
-
-
-
-
- {children}
-
+
+
+ {children}
+
-
);
-}
\ No newline at end of file
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 187e20f..60aa4a7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -30,7 +30,7 @@ export default function PetShelterPage() {
@@ -202,8 +202,8 @@ export default function PetShelterPage() {
background={{ variant: "plain" }}
useInvertedBackground={false}
buttons={[
- { text: "Schedule a Visit", href: "#signup" },
- { text: "Contact Us", href: "#footer" }
+ { text: "Schedule a Visit", href: "products" },
+ { text: "Contact Us", href: "faq" }
]}
/>
@@ -213,16 +213,16 @@ export default function PetShelterPage() {
columns={[
{
title: "Navigation", items: [
- { label: "Home", href: "#hero" },
- { label: "Available Pets", href: "#products" },
- { label: "Adoption Process", href: "#features" },
- { label: "About", href: "#about" }
+ { label: "Home", href: "/" },
+ { label: "Available Pets", href: "products" },
+ { label: "Adoption Process", href: "features" },
+ { label: "About", href: "about" }
]
},
{
title: "Support", items: [
- { label: "FAQ", href: "#faq" },
- { label: "Contact Us", href: "#contact" },
+ { label: "FAQ", href: "faq" },
+ { label: "Contact Us", href: "contact" },
{ label: "Volunteer", href: "#" },
{ label: "Donate", href: "#" }
]
@@ -241,4 +241,4 @@ export default function PetShelterPage() {
);
-}
\ No newline at end of file
+}
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 5677967..52b0b9e 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -102,16 +102,16 @@ export default function ProductPage({ params }: ProductPageProps) {
columns={[
{
title: "Navigation", items: [
- { label: "Home", href: "#hero" },
- { label: "Available Pets", href: "#products" },
- { label: "Adoption Process", href: "#features" },
- { label: "About", href: "#about" }
+ { label: "Home", href: "/" },
+ { label: "Available Pets", href: "products" },
+ { label: "Adoption Process", href: "features" },
+ { label: "About", href: "about" }
]
},
{
title: "Support", items: [
- { label: "FAQ", href: "#faq" },
- { label: "Contact Us", href: "#contact" },
+ { label: "FAQ", href: "faq" },
+ { label: "Contact Us", href: "contact" },
{ label: "Volunteer", href: "#" },
{ label: "Donate", href: "#" }
]
@@ -177,16 +177,16 @@ export default function ProductPage({ params }: ProductPageProps) {
columns={[
{
title: "Navigation", items: [
- { label: "Home", href: "#hero" },
- { label: "Available Pets", href: "#products" },
- { label: "Adoption Process", href: "#features" },
- { label: "About", href: "#about" }
+ { label: "Home", href: "/" },
+ { label: "Available Pets", href: "products" },
+ { label: "Adoption Process", href: "features" },
+ { label: "About", href: "about" }
]
},
{
title: "Support", items: [
- { label: "FAQ", href: "#faq" },
- { label: "Contact Us", href: "#contact" },
+ { label: "FAQ", href: "faq" },
+ { label: "Contact Us", href: "contact" },
{ label: "Volunteer", href: "#" },
{ label: "Donate", href: "#" }
]
@@ -276,16 +276,16 @@ export default function ProductPage({ params }: ProductPageProps) {
columns={[
{
title: "Navigation", items: [
- { label: "Home", href: "#hero" },
- { label: "Available Pets", href: "#products" },
- { label: "Adoption Process", href: "#features" },
- { label: "About", href: "#about" }
+ { label: "Home", href: "/" },
+ { label: "Available Pets", href: "products" },
+ { label: "Adoption Process", href: "features" },
+ { label: "About", href: "about" }
]
},
{
title: "Support", items: [
- { label: "FAQ", href: "#faq" },
- { label: "Contact Us", href: "#contact" },
+ { label: "FAQ", href: "faq" },
+ { label: "Contact Us", href: "contact" },
{ label: "Volunteer", href: "#" },
{ label: "Donate", href: "#" }
]
@@ -305,4 +305,4 @@ export default function ProductPage({ params }: ProductPageProps) {
);
-}
\ No newline at end of file
+}
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index 732bd32..cdc24f8 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -55,16 +55,16 @@ export default function ShopPage() {
columns={[
{
title: "Navigation", items: [
- { label: "Home", href: "#hero" },
- { label: "Available Pets", href: "#products" },
- { label: "Adoption Process", href: "#features" },
- { label: "About", href: "#about" }
+ { label: "Home", href: "/" },
+ { label: "Available Pets", href: "products" },
+ { label: "Adoption Process", href: "features" },
+ { label: "About", href: "about" }
]
},
{
title: "Support", items: [
- { label: "FAQ", href: "#faq" },
- { label: "Contact Us", href: "#contact" },
+ { label: "FAQ", href: "faq" },
+ { label: "Contact Us", href: "contact" },
{ label: "Volunteer", href: "#" },
{ label: "Donate", href: "#" }
]
@@ -129,16 +129,16 @@ export default function ShopPage() {
columns={[
{
title: "Navigation", items: [
- { label: "Home", href: "#hero" },
- { label: "Available Pets", href: "#products" },
- { label: "Adoption Process", href: "#features" },
- { label: "About", href: "#about" }
+ { label: "Home", href: "/" },
+ { label: "Available Pets", href: "products" },
+ { label: "Adoption Process", href: "features" },
+ { label: "About", href: "about" }
]
},
{
title: "Support", items: [
- { label: "FAQ", href: "#faq" },
- { label: "Contact Us", href: "#contact" },
+ { label: "FAQ", href: "faq" },
+ { label: "Contact Us", href: "contact" },
{ label: "Volunteer", href: "#" },
{ label: "Donate", href: "#" }
]
@@ -158,4 +158,4 @@ export default function ShopPage() {
);
-}
\ No newline at end of file
+}
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 746f194..cf874d0 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -2,21 +2,21 @@
/* Base units */
/* --vw is set by ThemeProvider */
- /* --background: #f7f6f7;;
- --card: #ffffff;;
- --foreground: #0c1325;;
- --primary-cta: #0798ff;;
- --secondary-cta: #ffffff;;
- --accent: #93c7ff;;
- --background-accent: #a8cde8;; */
+ /* --background: #1a0f0a;;
+ --card: #2a1810;;
+ --foreground: #ffeae0;;
+ --primary-cta: #d4a15f;;
+ --secondary-cta: #2a1810;;
+ --accent: #e8c49f;;
+ --background-accent: #a67c52;; */
- --background: #f7f6f7;;
- --card: #ffffff;;
- --foreground: #0c1325;;
- --primary-cta: #0798ff;;
- --secondary-cta: #ffffff;;
- --accent: #93c7ff;;
- --background-accent: #a8cde8;;
+ --background: #1a0f0a;;
+ --card: #2a1810;;
+ --foreground: #ffeae0;;
+ --primary-cta: #d4a15f;;
+ --secondary-cta: #2a1810;;
+ --accent: #e8c49f;;
+ --background-accent: #a67c52;;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);