material-you-react/app/page.tsx

import React from 'react';
import { Card } from '../src/primitive-components/card/card';
import { CardFooter } from '../src/primitive-components/card/card-footer';
import { Slider } from '../src/primitive-components/input-components/slider/slider';

export default function Page() {
    return (
        <main>
            <Card variant={'outlined'}>
                <CardFooter>
                    <Slider />
                </CardFooter>
            </Card>
        </main>
    );
}