diff --git a/teressa-copeland-homes/src/app/_components/HeroSection.tsx b/teressa-copeland-homes/src/app/_components/HeroSection.tsx new file mode 100644 index 0000000..9dac9e5 --- /dev/null +++ b/teressa-copeland-homes/src/app/_components/HeroSection.tsx @@ -0,0 +1,111 @@ +import Image from 'next/image'; + +export default function HeroSection() { + return ( +
+ {/* Left half — photo */} +
+ Teressa Copeland +
+ + {/* Right half — copy */} +
+ {/* PLACEHOLDER HEADLINE — replace before launch */} +

+ Your Trusted Utah Real Estate Partner +

+ + {/* PLACEHOLDER SUBHEADING — replace before launch */} +

+ Helping Utah families find the home they deserve +

+ + {/* PLACEHOLDER BIO — replace before launch */} +

+ With years of experience navigating the Utah real estate market, + Teressa Copeland brings deep local knowledge and a genuine commitment + to every client she serves. Whether you're buying your first home + in the Salt Lake Valley or selling a property along the Wasatch Front, + Teressa guides you through every step with patience, transparency, and + skill. Her clients don't just find houses — they find the right + home. +

+ + + Get in Touch + +
+ + +
+ ); +} diff --git a/teressa-copeland-homes/src/app/_components/ListingsPlaceholder.tsx b/teressa-copeland-homes/src/app/_components/ListingsPlaceholder.tsx new file mode 100644 index 0000000..1258b49 --- /dev/null +++ b/teressa-copeland-homes/src/app/_components/ListingsPlaceholder.tsx @@ -0,0 +1,68 @@ +import { Home } from 'lucide-react'; + +export default function ListingsPlaceholder() { + return ( +
+
+ + +

Listings Coming Soon

+ +

+ Teressa is actively curating listings in your area. Check back soon or + reach out directly. +

+ + + Contact Teressa + +
+ + +
+ ); +} diff --git a/teressa-copeland-homes/src/app/_components/SiteFooter.tsx b/teressa-copeland-homes/src/app/_components/SiteFooter.tsx new file mode 100644 index 0000000..f0806c2 --- /dev/null +++ b/teressa-copeland-homes/src/app/_components/SiteFooter.tsx @@ -0,0 +1,74 @@ +const navLinks = [ + { label: 'Home', href: '#hero' }, + { label: 'About', href: '#about' }, + { label: 'Listings', href: '#listings' }, + { label: 'Contact', href: '#contact' }, +]; + +export default function SiteFooter() { + return ( + + ); +} diff --git a/teressa-copeland-homes/src/app/_components/SiteNav.tsx b/teressa-copeland-homes/src/app/_components/SiteNav.tsx new file mode 100644 index 0000000..232a53c --- /dev/null +++ b/teressa-copeland-homes/src/app/_components/SiteNav.tsx @@ -0,0 +1,153 @@ +'use client'; + +import { useState } from 'react'; +import { Menu, X } from 'lucide-react'; + +const navLinks = [ + { label: 'Home', href: '#hero' }, + { label: 'About', href: '#about' }, + { label: 'Listings', href: '#listings' }, + { label: 'Contact', href: '#contact' }, +]; + +export default function SiteNav() { + const [isOpen, setIsOpen] = useState(false); + + function handleMobileLinkClick() { + setIsOpen(false); + } + + return ( + + ); +} diff --git a/teressa-copeland-homes/src/app/globals.css b/teressa-copeland-homes/src/app/globals.css index a2dc41e..942e1b6 100644 --- a/teressa-copeland-homes/src/app/globals.css +++ b/teressa-copeland-homes/src/app/globals.css @@ -24,3 +24,11 @@ body { color: var(--foreground); font-family: Arial, Helvetica, sans-serif; } + +html { + scroll-behavior: smooth; +} + +section[id] { + scroll-margin-top: 72px; +} diff --git a/teressa-copeland-homes/src/app/page.tsx b/teressa-copeland-homes/src/app/page.tsx index 098c316..ceab68f 100644 --- a/teressa-copeland-homes/src/app/page.tsx +++ b/teressa-copeland-homes/src/app/page.tsx @@ -1,11 +1,20 @@ +import SiteNav from './_components/SiteNav'; +import HeroSection from './_components/HeroSection'; +import ListingsPlaceholder from './_components/ListingsPlaceholder'; +import { ContactSection } from './_components/ContactSection'; +import SiteFooter from './_components/SiteFooter'; + export default function HomePage() { return ( -
-
-

Teressa Copeland Homes

-

Real estate expertise for Utah home buyers and sellers.

-

Marketing site coming in Phase 2.

-
-
+ <> + +
+ + {/* TestimonialsSection — added in Task 2 */} + + +
+ + ); }