Merge version_2 into main #4

Merged
bender merged 4 commits from version_2 into main 2026-03-28 12:16:49 +00:00
4 changed files with 100 additions and 9 deletions

36
src/app/blog/page.tsx Normal file
View File

@@ -0,0 +1,36 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
export default function BlogPage() {
return (
<ThemeProvider>
<ReactLenis root>
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "/" },
{ name: "Blog", id: "#blog" },
]}
brandName="Paws & Relax"
/>
<div id="blog" style={{ paddingTop: "100px" }}>
<BlogCardOne
title="Pet Education Hub"
description="Everything you need to know about happy pets."
animationType="slide-up"
blogs={[
{ id: "1", category: "Grooming", title: "Nail Care 101", excerpt: "How to trim safely.", imageSrc: "", authorName: "Staff", authorAvatar: "", date: "2025" }
]}
/>
</div>
<FooterBaseCard
columns={[{ title: "Quick Links", items: [{ label: "Home", href: "/" }] }]}
/>
</ReactLenis>
</ThemeProvider>
);
}

27
src/app/booking/page.tsx Normal file
View File

@@ -0,0 +1,27 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ContactCTA from '@/components/sections/contact/ContactCTA';
export default function BookingPage() {
return (
<ThemeProvider>
<ReactLenis root>
<NavbarLayoutFloatingInline
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/#about" }, { name: "Services", id: "/#services" }, { name: "Book", id: "/booking" }, { name: "Portal", id: "/portal" }]}
brandName="Paws & Relax"
button={{ text: "Portal", href: "/portal" }}
/>
<div className="pt-32 pb-20 px-6 max-w-4xl mx-auto">
<h1 className="text-4xl font-bold mb-8">Online Booking</h1>
<div className="p-8 bg-card rounded-lg shadow-sm border">
<p>Booking calendar interface will be initialized here.</p>
</div>
</div>
<ContactCTA tag="Support" title="Need help booking?" description="Contact us if you have any trouble scheduling your appointment." buttons={[{ text: "Call Us", href: "tel:6099944450" }]} />
</ReactLenis>
</ThemeProvider>
);
}

View File

@@ -9,6 +9,7 @@ import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGaller
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import Head from 'next/head';
export default function LandingPage() {
return (
@@ -24,18 +25,20 @@ export default function LandingPage() {
secondaryButtonStyle="layered"
headingFontWeight="bold"
>
<Head>
<meta name="theme-color" content="#ffffff" />
<link rel="manifest" href="/manifest.json" />
<link rel="apple-touch-icon" href="/icon-192.png" />
</Head>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home", id: "hero"},
{
name: "About", id: "about"},
{
name: "Services", id: "services"},
{
name: "Contact", id: "contact"},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Paws & Relax"
button={{ text: "Book Now", href: "#contact" }}
@@ -178,4 +181,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

25
src/app/portal/page.tsx Normal file
View File

@@ -0,0 +1,25 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
export default function PortalPage() {
return (
<ThemeProvider>
<ReactLenis root>
<NavbarLayoutFloatingInline
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/#about" }, { name: "Services", id: "/#services" }, { name: "Book", id: "/booking" }, { name: "Portal", id: "/portal" }]}
brandName="Paws & Relax"
button={{ text: "Book Now", href: "/booking" }}
/>
<div className="pt-32 pb-20 px-6 max-w-4xl mx-auto">
<h1 className="text-4xl font-bold mb-8">Client Portal</h1>
<div className="p-8 bg-card rounded-lg shadow-sm border">
<p>Account management and booking history dashboard will be initialized here.</p>
</div>
</div>
</ReactLenis>
</ThemeProvider>
);
}