From 2babbc167d976b6cf17f76fe219590c8a61dad41 Mon Sep 17 00:00:00 2001 From: Noah Swerhun Date: Mon, 24 Jul 2023 22:14:18 -0500 Subject: [PATCH] landing and nav (hopefully) done --- app/accupuncture/page.tsx | 2 +- app/articles/page.tsx | 2 +- app/globals.css | 3 ++ app/layout.tsx | 2 +- app/nor/page.tsx | 2 +- app/osteopathy/page.tsx | 2 +- app/page.tsx | 12 +++++- app/views/Accomplishments.tsx | 17 ++++++++ app/views/Bio.tsx | 17 ++++++++ app/views/Landing.tsx | 35 ++++++++++++++++ components/Navbar/NavPages.tsx | 9 +++- components/Navbar/index.tsx | 55 +++++++++++++++++++++---- public/dr_feely_cutout.png | Bin 0 -> 17407572 bytes public/dr_feely_cutout_headshot.png | Bin 0 -> 8841969 bytes public/dr_feely_cutout_headshot.xcf | Bin 0 -> 6709904 bytes public/dr_feely_cutout_headshot_2.png | Bin 0 -> 1434237 bytes public/feely_logo_dark_transparent.png | Bin 0 -> 7341 bytes public/feelycenter.png | Bin 0 -> 59838 bytes public/franciscan.jpg | Bin 0 -> 21879 bytes public/malta.gif | Bin 0 -> 56633 bytes public/midwestern_college.jpg | Bin 0 -> 477305 bytes public/tcm_tests.png | Bin 0 -> 35970 bytes public/text_accent.png | Bin 0 -> 65700 bytes public/womack.png | Bin 0 -> 52141 bytes tailwind.config.js | 6 +++ 25 files changed, 149 insertions(+), 15 deletions(-) create mode 100644 app/views/Accomplishments.tsx create mode 100644 app/views/Bio.tsx create mode 100644 app/views/Landing.tsx create mode 100644 public/dr_feely_cutout.png create mode 100644 public/dr_feely_cutout_headshot.png create mode 100644 public/dr_feely_cutout_headshot.xcf create mode 100644 public/dr_feely_cutout_headshot_2.png create mode 100644 public/feely_logo_dark_transparent.png create mode 100644 public/feelycenter.png create mode 100644 public/franciscan.jpg create mode 100644 public/malta.gif create mode 100644 public/midwestern_college.jpg create mode 100644 public/tcm_tests.png create mode 100644 public/text_accent.png create mode 100644 public/womack.png diff --git a/app/accupuncture/page.tsx b/app/accupuncture/page.tsx index 0652fd4..6c4f97b 100644 --- a/app/accupuncture/page.tsx +++ b/app/accupuncture/page.tsx @@ -1,5 +1,5 @@ const Accupuncture = () => { - return
Accupuncture
; + return
Accupuncture
; }; export default Accupuncture; diff --git a/app/articles/page.tsx b/app/articles/page.tsx index 6339cdc..edd8eb8 100644 --- a/app/articles/page.tsx +++ b/app/articles/page.tsx @@ -1,5 +1,5 @@ const Articles = () => { - return
Articles
; + return
Articles
; }; export default Articles; diff --git a/app/globals.css b/app/globals.css index 4e4cdd3..024a0a4 100644 --- a/app/globals.css +++ b/app/globals.css @@ -13,4 +13,7 @@ @apply text-primary-500; @apply font-abel; } + main { + @apply text-lg; + } } diff --git a/app/layout.tsx b/app/layout.tsx index bfed42d..a088d75 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -3,7 +3,7 @@ import "./globals.css"; import type { Metadata } from "next"; export const metadata: Metadata = { - title: "Dr. Richard Feely", + title: "Dr. Richard Feely | Home", description: `Dr. Feely is a highly accomplished physician with over 25 years of experience in osteopathic medicine, acupuncture, herbal medicine, and family practice. He specializes in the treatment of neuromusculoskeletal diff --git a/app/nor/page.tsx b/app/nor/page.tsx index ec4e8f6..d4aa321 100644 --- a/app/nor/page.tsx +++ b/app/nor/page.tsx @@ -1,5 +1,5 @@ const NeuroOcularRelease = () => { - return
NeuroOcularRelease
; + return
NeuroOcularRelease
; }; export default NeuroOcularRelease; diff --git a/app/osteopathy/page.tsx b/app/osteopathy/page.tsx index 2ec7b9f..cde3a2a 100644 --- a/app/osteopathy/page.tsx +++ b/app/osteopathy/page.tsx @@ -1,5 +1,5 @@ const Osteopathy = () => { - return
Osteopathy
; + return
Osteopathy
; }; export default Osteopathy; diff --git a/app/page.tsx b/app/page.tsx index 8ca06e8..2be39ee 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -1,5 +1,15 @@ +import Accomplishments from "./views/Accomplishments"; +import Bio from "./views/Bio"; +import Landing from "./views/Landing"; + const Home = () => { - return
Home
; + return ( +
+ + + +
+ ); }; export default Home; diff --git a/app/views/Accomplishments.tsx b/app/views/Accomplishments.tsx new file mode 100644 index 0000000..c3ca9dc --- /dev/null +++ b/app/views/Accomplishments.tsx @@ -0,0 +1,17 @@ +const Accomplishments = () => { + return ( +
+
+
+
+

+ Richard A. Feely, DO +

+
+
+
+
+ ); +}; + +export default Accomplishments; diff --git a/app/views/Bio.tsx b/app/views/Bio.tsx new file mode 100644 index 0000000..a3a9b4c --- /dev/null +++ b/app/views/Bio.tsx @@ -0,0 +1,17 @@ +const Bio = () => { + return ( +
+
+
+
+

+ Richard A. Feely, DO +

+
+
+
+
+ ); +}; + +export default Bio; diff --git a/app/views/Landing.tsx b/app/views/Landing.tsx new file mode 100644 index 0000000..c7a80db --- /dev/null +++ b/app/views/Landing.tsx @@ -0,0 +1,35 @@ +const Landing = () => { + return ( +
+
+
+
+
+
+

+ Richard A. Feely, DO +

+
+
+

+ Dr. Feely is a highly accomplished physician with over 25 years of + experience in osteopathic medicine, acupuncture, herbal medicine, + and family practice. He specializes in the treatment of + neuromusculoskeletal pain—especially back pain, neck pain + and headaches. +

+
+
+ Picture of Dr. Feely +
+
+
+
+ ); +}; + +export default Landing; diff --git a/components/Navbar/NavPages.tsx b/components/Navbar/NavPages.tsx index fb48de8..33f4fbf 100644 --- a/components/Navbar/NavPages.tsx +++ b/components/Navbar/NavPages.tsx @@ -2,11 +2,16 @@ import { useState } from "react"; import NavLink from "./NavLink"; interface Props { + currentPage: string; + setCurrentPage: (page: string) => void; currentPageClasses: string; } -const NavPages = ({ currentPageClasses }: Props) => { - const [currentPage, setCurrentPage] = useState("/"); +const NavPages = ({ + currentPage, + setCurrentPage, + currentPageClasses, +}: Props) => { return ( <> { + const [currentPage, setCurrentPage] = useState("/"); + const [isTopOfPage, setIsTopOfPage] = useState(true); const [menuActive, setMenuActive] = useState(false); + useEffect(() => { + const handleScroll = () => { + if (window.scrollY === 0) { + setIsTopOfPage(true); + } else { + setIsTopOfPage(false); + } + }; + window.addEventListener("scroll", handleScroll); + return () => window.removeEventListener("scroll", handleScroll); + }, []); + return ( -