innovations

1{/* import { InnovationsHero } from './gmh-innovations-hero'; */}
2import { InnovationsSection } from './components/section';
3 
4function PageLayout() {
5  return (
6    <div className="min-h-screen bg-transparent w-full relative overflow-hidden">
7      {/* Background decorative elements */}
8      <div className="absolute inset-0 opacity-10">
9        <div className="absolute top-20 right-20 w-96 h-96 bg-gradient-to-br from-[#AA9868] to-transparent rounded-full blur-3xl" />
10        <div className="absolute bottom-20 left-20 w-80 h-80 bg-gradient-to-tr from-[#AA9868]/30 to-transparent rounded-full blur-3xl" />
11      </div>
12      
13      {/* Side margins with subtle gradients */}
14      <div className="flex flex-row items-center justify-center min-h-screen">
15        <div className="w-24 shrink-0 h-full bg-gradient-to-r from-[#033C5A]/50 to-transparent" />
16        <div className="min-h-screen w-full relative">
17      {/* <InnovationsHero /> */}
18          <InnovationsSection />
19        </div>
20        <div className="w-24 shrink-0 h-full bg-gradient-to-l from-[#033C5A]/50 to-transparent" />
21      </div>
22    </div>
23  );
24}
25 
26export function Innovations() {
27  return (
28    <div className="relative size-full">
29      <PageLayout />
30    </div>
31  );
32}