omswebsite-backups/oms-website-nextjs
1
0
Fork 0
mirror of https://github.com/OwethuManagedServices/oms-website-nextjs.git synced 2025-12-17 15:38:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

update contact phone number and button variant in CallToActionSection

Browse Source
This commit is contained in:
JohannesOmsDev
2025-05-28 10:18:17 +02:00
parent 5c2714b202
commit 944066c42f
4 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/(website)/_components/CallToActionSection.tsx
View File

@ -30,7 +30,7 @@ const CallToActionSection: React.FC<CallToActionSectionProps> = ({
</p>{" "} </p>{" "}
{/* Slightly less emphasis */} {/* Slightly less emphasis */}
{/* Button needs contrast on primary bg. Use a secondary/outline/custom variant */} {/* Button needs contrast on primary bg. Use a secondary/outline/custom variant */}
<Button href={buttonHref} variant="secondary" size="lg"> <Button href={buttonHref} variant="black" size="lg" >
{/* Example: Using 'secondary' which uses light/dark gray bg defined in globals */} {/* Example: Using 'secondary' which uses light/dark gray bg defined in globals */}
{/* OR custom class: className="bg-background text-foreground hover:bg-background/90" */} {/* OR custom class: className="bg-background text-foreground hover:bg-background/90" */}
{buttonText} {buttonText}

4
app/(website)/contact/page.tsx
View File

@ -130,10 +130,10 @@ export default function ContactPage() {
Phone Phone
</h3> </h3>
<a <a
href="tel:+27120513282" href="tel:+27684855721"
className="text-gray-600 hover:text-gray-800 dark:text-gray-300 dark:hover:text-gray-100 transition text-sm font-poppins" className="text-gray-600 hover:text-gray-800 dark:text-gray-300 dark:hover:text-gray-100 transition text-sm font-poppins"
> >
(012) 051 3282 +27 68 485 5721
</a> </a>
</div> </div>
</div> </div>

4
components/Footer.tsx
View File

@ -114,8 +114,8 @@ const Footer = () => {
</address> </address>
<p className="text-sm text-[var(--oms-white)]/80 mb-2"> <p className="text-sm text-[var(--oms-white)]/80 mb-2">
Phone:{" "} Phone:{" "}
<a href="tel:+27120513282" className="hover:text-primary"> <a href="tel:+27684855721" className="hover:text-primary">
(012) 051 3282 +27 68 485 5721
</a> </a>
</p> </p>
<p className="text-sm text-[var(--oms-white)]/80 mb-2"> <p className="text-sm text-[var(--oms-white)]/80 mb-2">

3
components/ui/Button.tsx
View File

@ -4,7 +4,7 @@ import Link from "next/link";
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> { interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
href?: string; href?: string;
variant?: "primary" | "secondary" | "outline" | "ghost" | "destructive"; // Added more variants variant?: "primary" | "secondary" | "outline" | "ghost" | "destructive" | "black";
size?: "sm" | "md" | "lg"; size?: "sm" | "md" | "lg";
children: React.ReactNode; children: React.ReactNode;
className?: string; className?: string;
@ -34,6 +34,7 @@ const Button: React.FC<ButtonProps> = ({
"bg-destructive text-destructive-foreground hover:bg-destructive/90", "bg-destructive text-destructive-foreground hover:bg-destructive/90",
//linear-gradient(to right, #ead566, #e0be45) created using Tailwind's gradient utilities //linear-gradient(to right, #ead566, #e0be45) created using Tailwind's gradient utilities
//i want that variant //i want that variant
black:"inline-block bg-gray-800 text-white font-bold py-3 px-8 rounded-md hover:bg-gray-900 dark:bg-gray-900 dark:hover:bg-black transition-colors duration-300 font-poppins",
}; };
const sizeStyles = { const sizeStyles = {