4 Commits

Author SHA1 Message Date
bfc3a4ff37 Merge version_3 into main
Merge version_3 into main
2026-04-22 09:09:57 +00:00
5c1834b7ab Update src/app/page.tsx 2026-04-22 09:09:54 +00:00
bec55388f5 Add src/app/auth/page.tsx 2026-04-22 09:09:53 +00:00
c9b74a0b90 Merge version_2 into main
Merge version_2 into main
2026-04-22 09:05:19 +00:00
2 changed files with 47 additions and 2 deletions

45
src/app/auth/page.tsx Normal file
View File

@@ -0,0 +1,45 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import React from 'react';
export default function AuthPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="mediumLarge"
sizing="largeSizeMediumTitles"
background="blurBottom"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "hero" },
{ name: "Listings", id: "listings" },
{ name: "How it Works", id: "features" },
{ name: "Contact", id: "contact" },
]}
brandName="HomeBound"
button={{ text: "Log In / Sign Up", href: "/auth" }}
/>
<main className="pt-32 pb-20">
<ContactCenter
tag="Authentication"
title="Sign In or Register"
description="Welcome back or create a new account to access your property dashboard and exclusive listings."
inputPlaceholder="Enter your email address"
buttonText="Continue"
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</main>
</ThemeProvider>
);
}

View File

@@ -42,7 +42,7 @@ export default function LandingPage() {
]}
brandName="HomeBound"
button={{
text: "Log In / Sign Up", onClick: () => console.log("Auth modal triggered")
text: "Log In / Sign Up", href: "/auth"
}}
/>
</div>
@@ -243,4 +243,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}