- Magnolia Coast Properties
+ Magnolia Coast Properties
-
+
@@ -70,11 +138,11 @@ export default async function RootLayout({
Quick Links
-
-
- Home -
- Properties -
- Services -
- About Us -
- Contact +
- My Account +
- Properties +
- Services +
- About Us +
- Contact
@@ -95,5 +163,6 @@ export default async function RootLayout({
- );
+ );
+ }
}
diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
new file mode 100644
index 0000000..f81ad6d
--- /dev/null
+++ b/src/app/login/page.tsx
@@ -0,0 +1,127 @@
+'use client'
+
+import { useState } from 'react'
+import { Button } from "~/components/ui/button"
+import { Input } from "~/components/ui/input"
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "~/components/ui/card"
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "~/components/ui/tabs"
+import { Label } from "~/components/ui/label"
+import { Eye, EyeOff } from 'lucide-react'
+import Sign_In from "~/components/auth/client/SignInAppleButton"
+
+export default function AuthPage() {
+ const [showPassword, setShowPassword] = useState(false)
+
+ const togglePasswordVisibility = () => setShowPassword(!showPassword)
+
+ return (
+
-
+
+
+
))}
diff --git a/src/app/properties/[id]/page.tsx b/src/app/properties/[id]/page.tsx
new file mode 100644
index 0000000..50dd4c5
--- /dev/null
+++ b/src/app/properties/[id]/page.tsx
@@ -0,0 +1,86 @@
+import Link from 'next/link'
+import { Button } from "~/components/ui/button"
+import { Card, CardContent, CardHeader, CardTitle } from "~/components/ui/card"
+import { Home, Bed, Bath, Square, MapPin, Calendar, DollarSign } from 'lucide-react'
+
+// This would typically come from your database
+const property = {
+ id: 1,
+ title: "Luxurious Family Home",
+ type: "House",
+ bedrooms: 4,
+ bathrooms: 3,
+ area: 2500,
+ price: 750000,
+ address: "123 Main St, Anytown, USA",
+ description: "This beautiful family home features spacious living areas, a modern kitchen, and a large backyard perfect for entertaining. Located in a quiet neighborhood with easy access to schools and shopping.",
+ amenities: ["Central Air", "Garage", "Fireplace", "Hardwood Floors", "Swimming Pool"],
+ yearBuilt: 2015,
+}
+
+export default function PropertyPage({ params }: { params: { id: string } }) {
+ return (
+ ) => {
+ event.preventDefault()
+ setFormStatus('submitting')
+
+ // Here you would typically send the form data to your server
+ // For this example, we'll just simulate a submission
+ setTimeout(() => {
+ setFormStatus('success')
+ }, 2000)
+ }
+
+ return (
+
+
+ Send us a message
+ We'll get back to you as soon as possible.
+
+
+
+
+
+ )
+}
+
diff --git a/src/components/billtracker/BillForm.tsx b/src/components/portal/billtracker/BillForm.tsx
similarity index 100%
rename from src/components/billtracker/BillForm.tsx
rename to src/components/portal/billtracker/BillForm.tsx
diff --git a/src/components/billtracker/BillTrackerCalendar.tsx b/src/components/portal/billtracker/BillTrackerCalendar.tsx
similarity index 96%
rename from src/components/billtracker/BillTrackerCalendar.tsx
rename to src/components/portal/billtracker/BillTrackerCalendar.tsx
index eae3f79..935d8e7 100755
--- a/src/components/billtracker/BillTrackerCalendar.tsx
+++ b/src/components/portal/billtracker/BillTrackerCalendar.tsx
@@ -1,7 +1,7 @@
"use client"
import * as React from "react"
import { Calendar } from "~/components/ui/BillTrackerCalendar"
-import CreateBillForm from "~/components/billtracker/CreateBillForm"
+import CreateBillForm from "~/components/portal/billtracker/CreateBillForm"
export default function BillTrackerCalendar() {
const [selectedDate, setSelectedDate] = React.useState(undefined)
diff --git a/src/components/billtracker/CreateBillDrawer.tsx b/src/components/portal/billtracker/CreateBillDrawer.tsx
similarity index 100%
rename from src/components/billtracker/CreateBillDrawer.tsx
rename to src/components/portal/billtracker/CreateBillDrawer.tsx
diff --git a/src/components/billtracker/CreateBillForm.tsx b/src/components/portal/billtracker/CreateBillForm.tsx
similarity index 93%
rename from src/components/billtracker/CreateBillForm.tsx
rename to src/components/portal/billtracker/CreateBillForm.tsx
index 74413e1..17aaf25 100755
--- a/src/components/billtracker/CreateBillForm.tsx
+++ b/src/components/portal/billtracker/CreateBillForm.tsx
@@ -3,7 +3,7 @@ import {
Drawer,
DrawerTrigger,
} from "~/components/ui/drawer"
-import CreateBillDrawer from "~/components/billtracker/CreateBillDrawer"
+import CreateBillDrawer from "~/components/portal/billtracker/CreateBillDrawer"
import { Button } from "~/components/ui/button"
type CreateBillFormProps = {
diff --git a/src/components/billtracker/ServerBillDrawer.tsx b/src/components/portal/billtracker/ServerBillDrawer.tsx
similarity index 91%
rename from src/components/billtracker/ServerBillDrawer.tsx
rename to src/components/portal/billtracker/ServerBillDrawer.tsx
index fabada7..6a8932b 100755
--- a/src/components/billtracker/ServerBillDrawer.tsx
+++ b/src/components/portal/billtracker/ServerBillDrawer.tsx
@@ -7,7 +7,7 @@ import {
DrawerHeader,
DrawerTitle,
} from "~/components/ui/drawer"
-import BillForm from "~/components/billtracker/BillForm"
+import BillForm from "~/components/portal/billtracker/BillForm"
type CreateBillDrawerProps = {
date: Date;
diff --git a/src/components/home/Hero.tsx b/src/components/portal/home/Hero.tsx
similarity index 100%
rename from src/components/home/Hero.tsx
rename to src/components/portal/home/Hero.tsx
diff --git a/src/components/home/NavBar.tsx b/src/components/portal/home/NavBar.tsx
similarity index 70%
rename from src/components/home/NavBar.tsx
rename to src/components/portal/home/NavBar.tsx
index c7761bc..4cb1a1f 100755
--- a/src/components/home/NavBar.tsx
+++ b/src/components/portal/home/NavBar.tsx
@@ -13,28 +13,13 @@ const fontSans = FontSans({
export default function Nav_Bar() {
return (
-
- Make Payment
-
-
-
-
- Auto-Payment
-
-
-
-
- Payment Methods
-
-
-
-
- Payment History
+ Payments
@@ -53,7 +38,7 @@ export default function Nav_Bar() {
-
+
Bill Tracker
diff --git a/src/components/home/Title.tsx b/src/components/portal/home/Title.tsx
similarity index 100%
rename from src/components/home/Title.tsx
rename to src/components/portal/home/Title.tsx
diff --git a/src/components/home/breadcrumb/BreadCrumbBillTracker.tsx b/src/components/portal/home/breadcrumb/BreadCrumbBillTracker.tsx
similarity index 100%
rename from src/components/home/breadcrumb/BreadCrumbBillTracker.tsx
rename to src/components/portal/home/breadcrumb/BreadCrumbBillTracker.tsx
diff --git a/src/components/home/breadcrumb/BreadcrumbHome.tsx b/src/components/portal/home/breadcrumb/BreadcrumbHome.tsx
similarity index 94%
rename from src/components/home/breadcrumb/BreadcrumbHome.tsx
rename to src/components/portal/home/breadcrumb/BreadcrumbHome.tsx
index e5f99c7..1b4d590 100755
--- a/src/components/home/breadcrumb/BreadcrumbHome.tsx
+++ b/src/components/portal/home/breadcrumb/BreadcrumbHome.tsx
@@ -10,7 +10,7 @@ export default function Breadcrumb_Home() {
-
+
+
)
}
diff --git a/src/components/ui/progress.tsx b/src/components/ui/progress.tsx
new file mode 100644
index 0000000..1d2a151
--- /dev/null
+++ b/src/components/ui/progress.tsx
@@ -0,0 +1,28 @@
+"use client"
+
+import * as React from "react"
+import * as ProgressPrimitive from "@radix-ui/react-progress"
+
+import { cn } from "~/lib/utils"
+
+const Progress = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, value, ...props }, ref) => (
+
+
+))
+Progress.displayName = ProgressPrimitive.Root.displayName
+
+export { Progress }
diff --git a/src/components/ui/select.tsx b/src/components/ui/select.tsx
new file mode 100644
index 0000000..1091153
--- /dev/null
+++ b/src/components/ui/select.tsx
@@ -0,0 +1,160 @@
+"use client"
+
+import * as React from "react"
+import * as SelectPrimitive from "@radix-ui/react-select"
+import { Check, ChevronDown, ChevronUp } from "lucide-react"
+
+import { cn } from "~/lib/utils"
+
+const Select = SelectPrimitive.Root
+
+const SelectGroup = SelectPrimitive.Group
+
+const SelectValue = SelectPrimitive.Value
+
+const SelectTrigger = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, children, ...props }, ref) => (
+ span]:line-clamp-1",
+ className
+ )}
+ {...props}
+ >
+ {children}
+
+
+
+))
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName
+
+const SelectScrollUpButton = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+
+
+))
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName
+
+const SelectScrollDownButton = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+
+
+))
+SelectScrollDownButton.displayName =
+ SelectPrimitive.ScrollDownButton.displayName
+
+const SelectContent = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, children, position = "popper", ...props }, ref) => (
+
+
+
+ {children}
+
+
+
+))
+SelectContent.displayName = SelectPrimitive.Content.displayName
+
+const SelectLabel = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+ ,
+ React.ComponentPropsWithoutRef
+>(({ className, children, ...props }, ref) => (
+
+
+
+
+
+
+ {children}
+
+))
+SelectItem.displayName = SelectPrimitive.Item.displayName
+
+const SelectSeparator = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+ ,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+
+
+
+
+))
+Slider.displayName = SliderPrimitive.Root.displayName
+
+export { Slider }
diff --git a/src/components/ui/tabs.tsx b/src/components/ui/tabs.tsx
new file mode 100644
index 0000000..022d8b2
--- /dev/null
+++ b/src/components/ui/tabs.tsx
@@ -0,0 +1,55 @@
+"use client"
+
+import * as React from "react"
+import * as TabsPrimitive from "@radix-ui/react-tabs"
+
+import { cn } from "~/lib/utils"
+
+const Tabs = TabsPrimitive.Root
+
+const TabsList = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+ ,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+ ,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+
+
+
+
+ Welcome to Magnolia Coast Property Management
+
+
+ Login or create an account to get started
+
+
+
+
+
+ Login
+ Register
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 007a5da..7c6071e 100755
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -34,7 +34,9 @@ export default async function HomePage() {
+ By continuing, you agree to our{' '} + Terms of Service and{' '} + Privacy Policy +
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+
+ ← Back to Properties
+
+
+
+ )
+}
+
+
diff --git a/src/app/properties/page.tsx b/src/app/properties/page.tsx
new file mode 100644
index 0000000..3e7b54f
--- /dev/null
+++ b/src/app/properties/page.tsx
@@ -0,0 +1,116 @@
+'use client'
+
+import { useState } from 'react'
+import Link from 'next/link'
+import { Button } from "~/components/ui/button"
+import { Input } from "~/components/ui/input"
+import { Card, CardContent, CardFooter, CardHeader, CardTitle } from "~/components/ui/card"
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "~/components/ui/select"
+import { Slider } from "~/components/ui/slider"
+import { Search, Home, Bed, Bath, Square } from 'lucide-react'
+
+// Mock data for properties
+const properties = Array.from({ length: 12 }, (_, i) => ({
+ id: i + 1,
+ title: `Property ${i + 1}`,
+ type: i % 3 === 0 ? 'House' : i % 3 === 1 ? 'Apartment' : 'Condo',
+ bedrooms: Math.floor(Math.random() * 5) + 1,
+ bathrooms: Math.floor(Math.random() * 3) + 1,
+ area: Math.floor(Math.random() * 1000) + 500,
+ price: Math.floor(Math.random() * 500000) + 100000,
+}))
+
+export default function PropertiesPage() {
+ const [sortBy, setSortBy] = useState('price')
+ const [filterType, setFilterType] = useState('All')
+ const [priceRange, setPriceRange] = useState([0, 1000000])
+ const [searchTerm, setSearchTerm] = useState('')
+
+ const filteredAndSortedProperties = properties
+ .filter(property =>
+ (filterType === 'All' || property.type === filterType) &&
+ property.price >= priceRange[0] && property.price <= priceRange[1] &&
+ property.title.toLowerCase().includes(searchTerm.toLowerCase())
+ )
+ .sort((a, b) => {
+ if (sortBy === 'price') return a.price - b.price
+ if (sortBy === 'bedrooms') return b.bedrooms - a.bedrooms
+ return 0
+ })
+
+ return (
+
+
+
+ 
+
+
+
+
+ 
+
+
+
+
+
+
+
+ Amenities
+
+
+
+
+
+
+
+ {property.title}
+${property.price.toLocaleString()}
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {property.description}
+ +-
+ {property.amenities.map((amenity, index) => (
+
-
+
{amenity} +
+ ))}
+
+
+ )
+}
+
diff --git a/src/components/auth/No_Session.tsx b/src/components/auth/No_Session.tsx
new file mode 100644
index 0000000..789e612
--- /dev/null
+++ b/src/components/auth/No_Session.tsx
@@ -0,0 +1,9 @@
+const No_Session = () => {
+ return (
+ Available Properties
+ +
+ setSearchTerm(e.target.value)}
+ className="max-w-xs"
+ />
+
+
+
+
+
+
+
+ Price Range
+
+ ${priceRange[0].toLocaleString()} - ${priceRange[1].toLocaleString()}
+
+
+ {filteredAndSortedProperties.map((property) => (
+
+
+ {property.title}
+
+
+ 
+
+
+
+
+
+
+
+ ))}
+
+
+
+
+ ${property.price.toLocaleString()}
+
+
+ );
+}
+export default No_Session;
diff --git a/src/components/auth/client/SignInAppleButton.tsx b/src/components/auth/client/SignInAppleButton.tsx
index 817f6f7..161ea25 100755
--- a/src/components/auth/client/SignInAppleButton.tsx
+++ b/src/components/auth/client/SignInAppleButton.tsx
@@ -4,12 +4,12 @@ import Image from "next/image"
export default function Sign_In() {
return (
- Unauthorized Access
+Please sign in to view this page.
+
-
+
);
}
diff --git a/src/components/auth/client/SignOutButton.tsx b/src/components/auth/client/SignOutButton.tsx
index ce3a8fc..75d014a 100755
--- a/src/components/auth/client/SignOutButton.tsx
+++ b/src/components/auth/client/SignOutButton.tsx
@@ -2,5 +2,13 @@ import { signOut } from "next-auth/react"
import { Button } from "~/components/ui/button"
export default function Sign_Out() {
- return
+ return (
+
+ );
}
diff --git a/src/components/auth/server/SignOutButton.tsx b/src/components/auth/server/SignOutButton.tsx
index cdb410b..719fa03 100755
--- a/src/components/auth/server/SignOutButton.tsx
+++ b/src/components/auth/server/SignOutButton.tsx
@@ -1,3 +1,4 @@
+import { Button } from "~/components/ui/button"
import { signOut } from "~/auth"
export default function Sign_Out() {
@@ -9,7 +10,10 @@ export default function Sign_Out() {
await signOut()
}}
>
-
+
)
}
diff --git a/src/components/contact/contact-form.tsx b/src/components/contact/contact-form.tsx
new file mode 100644
index 0000000..b172c1d
--- /dev/null
+++ b/src/components/contact/contact-form.tsx
@@ -0,0 +1,82 @@
+'use client'
+
+import { useState } from 'react'
+import { Button } from "~/components/ui/button"
+import { Input } from "~/components/ui/input"
+import { Textarea } from "~/components/ui/textarea"
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "~/components/ui/card"
+import { Label } from "~/components/ui/label"
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "~/components/ui/select"
+
+export default function ContactForm() {
+ const [formStatus, setFormStatus] = useState<'idle' | 'submitting' | 'success' | 'error'>('idle')
+
+ const handleSubmit = async (event: React.FormEvent