Files
rhein-sw-website/components/Helper/SectionDivider.tsx
Thatsaphorn Atchariyaphap 37cde33b41 Merge branch 'dev' into 'production'
Merge branch 'Homepage Refactoring - Pt .3' into 'production'

See merge request rheinsw/website!30
2025-04-16 17:40:59 +00:00

35 lines
886 B
TypeScript

export const SectionDivider1 = () => {
return (
<div
className="w-full h-20 transition-all duration-500 ease-in-out"
style={{
background: `linear-gradient(to bottom, var(--primary-bg), var(--secondary-bg))`
}}
/>
);
};
export const SectionDivider2 = () => {
return (
<div
className="w-full h-20 transition-all duration-500 ease-in-out"
style={{
background: `linear-gradient(to bottom, var(--secondary-bg), var(--primary-bg))`
}}
/>
);
};
export const SectionDivider3 = () => {
return (
<div
className="w-full h-20 transition-all duration-500 ease-in-out"
style={{
background: `linear-gradient(to bottom, var(--primary-bg), var(--footer-bg))`
}}
/>
);
};