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

Merge pull request #30 from OwethuManagedServices/25-05-2025/New-Changes

Browse Source 
update contact phone number and button variant in CallToActionSection
This commit is contained in:
JohannesOmsDev
2025-05-28 10:19:03 +02:00
committed by GitHub
parent 3d5417852c 944066c42f
commit 8f828a374c
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>{" "}
{/* Slightly less emphasis */}
{/* 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 */}
{/* OR custom class: className="bg-background text-foreground hover:bg-background/90" */}
{buttonText}

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

@ -130,10 +130,10 @@ export default function ContactPage() {
Phone
</h3>
<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"
>
(012) 051 3282
+27 68 485 5721
</a>
</div>
</div>

4
components/Footer.tsx
View File

@ -114,8 +114,8 @@ const Footer = () => {
</address>
<p className="text-sm text-[var(--oms-white)]/80 mb-2">
Phone:{" "}
<a href="tel:+27120513282" className="hover:text-primary">
(012) 051 3282
<a href="tel:+27684855721" className="hover:text-primary">
+27 68 485 5721
</a>
</p>
<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> {
href?: string;
variant?: "primary" | "secondary" | "outline" | "ghost" | "destructive"; // Added more variants
variant?: "primary" | "secondary" | "outline" | "ghost" | "destructive" | "black";
size?: "sm" | "md" | "lg";
children: React.ReactNode;
className?: string;
@ -34,6 +34,7 @@ const Button: React.FC<ButtonProps> = ({
"bg-destructive text-destructive-foreground hover:bg-destructive/90",
//linear-gradient(to right, #ead566, #e0be45) created using Tailwind's gradient utilities
//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 = {