mirror of
https://github.com/OwethuManagedServices/oms-website-nextjs.git
synced 2025-12-17 19:08:09 +00:00
Merge pull request #21 from OwethuManagedServices/25-05-2025/New-Changes
25-05-2025
This commit is contained in:
@ -17,7 +17,7 @@ const CallToActionSection: React.FC<CallToActionSectionProps> = ({
|
|||||||
}) => {
|
}) => {
|
||||||
return (
|
return (
|
||||||
// Use primary background, primary-foreground for text
|
// Use primary background, primary-foreground for text
|
||||||
<section className="bg-[linear-gradient(to_right,#ead566,#e0be45)] text-primary-foreground py-16 md:py-20">
|
<section className="bg-[linear-gradient(to_right,#e6cd4b,#fff8b3,#e0b843)] text-primary-foreground py-16 md:py-20">
|
||||||
{" "}
|
{" "}
|
||||||
{/* Adjusted padding */}
|
{/* Adjusted padding */}
|
||||||
<div className="container mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
<div className="container mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||||||
|
|||||||
@ -21,6 +21,7 @@ const HeroSectionModern: React.FC<HeroSectionProps> = ({
|
|||||||
}) => {
|
}) => {
|
||||||
return (
|
return (
|
||||||
// Use min-h-screen for full viewport height adjust if needed
|
// Use min-h-screen for full viewport height adjust if needed
|
||||||
|
//bg-[linear-gradient(to_right,#f0e18a,#f9f4c3,#ecd973)]
|
||||||
<section className="relative flex flex-col md:flex-row items-center bg-background min-h-[80vh] md:min-h-screen overflow-hidden">
|
<section className="relative flex flex-col md:flex-row items-center bg-background min-h-[80vh] md:min-h-screen overflow-hidden">
|
||||||
{/* Background Image/Video Layer */}
|
{/* Background Image/Video Layer */}
|
||||||
<div className="absolute inset-0 z-0">
|
<div className="absolute inset-0 z-0">
|
||||||
|
|||||||
@ -511,7 +511,7 @@ export default function AboutUsPage() {
|
|||||||
*/}
|
*/}
|
||||||
{/* Section 10: Commitment to Impact (Optional, but adds value) */}
|
{/* Section 10: Commitment to Impact (Optional, but adds value) */}
|
||||||
<section
|
<section
|
||||||
className="py-16 md:py-24 bg-[linear-gradient(to_right,#ead566,#e0be45)] text-gray-900 dark:bg-gold-600 dark:text-gray-900"
|
className="py-16 md:py-24 bg-[linear-gradient(to_right,#e6cd4b,#fff8b3,#e0b843)] text-gray-900 dark:bg-gold-600 dark:text-gray-900"
|
||||||
style={{ backgroundColor: "#e1c44a" }}
|
style={{ backgroundColor: "#e1c44a" }}
|
||||||
>
|
>
|
||||||
<div className="container mx-auto px-6 text-center">
|
<div className="container mx-auto px-6 text-center">
|
||||||
|
|||||||
@ -230,7 +230,6 @@ const useCases = [
|
|||||||
];
|
];
|
||||||
|
|
||||||
export default function ObsePage() {
|
export default function ObsePage() {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="bg-white text-gray-800 overflow-x-hidden dark:bg-gray-900 dark:text-gray-200 font-poppins">
|
<div className="bg-white text-gray-800 overflow-x-hidden dark:bg-gray-900 dark:text-gray-200 font-poppins">
|
||||||
{/* 1. Hero Section */}
|
{/* 1. Hero Section */}
|
||||||
@ -263,7 +262,6 @@ export default function ObsePage() {
|
|||||||
Works
|
Works
|
||||||
</Link>
|
</Link>
|
||||||
|
|
||||||
|
|
||||||
{/* Optional Mini-CTA */}
|
{/* Optional Mini-CTA */}
|
||||||
{/* <Link href="#overview-video" className="inline-flex items-center text-gold-400 hover:text-gold-300 transition-colors duration-300">
|
{/* <Link href="#overview-video" className="inline-flex items-center text-gold-400 hover:text-gold-300 transition-colors duration-300">
|
||||||
<FaPlayCircle className="mr-2" /> Watch a Quick Overview
|
<FaPlayCircle className="mr-2" /> Watch a Quick Overview
|
||||||
@ -721,7 +719,7 @@ export default function ObsePage() {
|
|||||||
|
|
||||||
{/* 12. Call to Action (CTA) Section */}
|
{/* 12. Call to Action (CTA) Section */}
|
||||||
<section
|
<section
|
||||||
className="py-16 md:py-24 bg-[linear-gradient(to_right,#ead566,#e0be45)] text-gray-900"
|
className="py-16 md:py-24 bg-[linear-gradient(to_right,#e6cd4b,#fff8b3,#e0b843)] text-gray-900"
|
||||||
style={{ backgroundColor: COLORS.primary }}
|
style={{ backgroundColor: COLORS.primary }}
|
||||||
>
|
>
|
||||||
<div className="container mx-auto px-6 text-center">
|
<div className="container mx-auto px-6 text-center">
|
||||||
@ -735,13 +733,13 @@ export default function ObsePage() {
|
|||||||
</p>
|
</p>
|
||||||
<div className="flex flex-col sm:flex-row justify-center items-center gap-4">
|
<div className="flex flex-col sm:flex-row justify-center items-center gap-4">
|
||||||
<Link
|
<Link
|
||||||
href="/contact?subject=OBSE Demo Request" // Pre-fill subject for contact form
|
href="/contact" // Pre-fill subject for contact form
|
||||||
className="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"
|
className="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"
|
||||||
>
|
>
|
||||||
Request a Personalized Demo
|
Request a Personalized Demo
|
||||||
</Link>
|
</Link>
|
||||||
<Link
|
<Link
|
||||||
href="/contact?subject=OBSE Sales Inquiry" // Pre-fill subject
|
href="/contact" // Pre-fill subject
|
||||||
className="inline-block bg-transparent border-2 border-gray-800 text-gray-800 font-bold py-3 px-8 rounded-md hover:bg-gray-800 hover:text-white transition-colors duration-300"
|
className="inline-block bg-transparent border-2 border-gray-800 text-gray-800 font-bold py-3 px-8 rounded-md hover:bg-gray-800 hover:text-white transition-colors duration-300"
|
||||||
>
|
>
|
||||||
Contact Sales Team
|
Contact Sales Team
|
||||||
|
|||||||
@ -511,7 +511,7 @@ export default function ProductDevelopmentPage() {
|
|||||||
|
|
||||||
{/* 10. Call to Action (CTA) Section */}
|
{/* 10. Call to Action (CTA) Section */}
|
||||||
<section
|
<section
|
||||||
className="py-16 md:py-24 bg-[linear-gradient(to_right,#ead566,#e0be45)] text-gray-900"
|
className="py-16 md:py-24 bg-[linear-gradient(to_right,#e6cd4b,#fff8b3,#e0b843)] text-gray-900"
|
||||||
style={{ backgroundColor: COLORS.primary }}
|
style={{ backgroundColor: COLORS.primary }}
|
||||||
>
|
>
|
||||||
<div className="container mx-auto px-6 text-center">
|
<div className="container mx-auto px-6 text-center">
|
||||||
|
|||||||
@ -807,7 +807,7 @@ export default function ResourceAugmentationPage() {
|
|||||||
|
|
||||||
{/* 10. Call to Action (CTA) Section */}
|
{/* 10. Call to Action (CTA) Section */}
|
||||||
<section
|
<section
|
||||||
className="py-16 md:py-24 bg-[linear-gradient(to_right,#ead566,#e0be45)] text-gray-900"
|
className="py-16 md:py-24 bg-[linear-gradient(to_right,#e6cd4b,#fff8b3,#e0b843)] text-gray-900"
|
||||||
style={{ backgroundColor: COLORS.primary }}
|
style={{ backgroundColor: COLORS.primary }}
|
||||||
>
|
>
|
||||||
<div className="container mx-auto px-6 text-center">
|
<div className="container mx-auto px-6 text-center">
|
||||||
|
|||||||
Reference in New Issue
Block a user