Merge version_2 into main #4
36
src/app/blog/page.tsx
Normal file
36
src/app/blog/page.tsx
Normal 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
27
src/app/booking/page.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
@@ -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
25
src/app/portal/page.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user