Sticky Footer Dialog

1import { Button } from "@/components/ui/button";
2import {
3  ResponsiveDialog,
4  ResponsiveDialogClose,
5  ResponsiveDialogContent,
6  ResponsiveDialogDescription,
7  ResponsiveDialogFooter,
8  ResponsiveDialogHeader,
9  ResponsiveDialogTitle,
10  ResponsiveDialogTrigger,
11} from "@/components/ui/revola";
12 
13export default function StickyFooterDialog() {
14  return (
15    <ResponsiveDialog>
16      <ResponsiveDialogTrigger asChild>
17        <Button variant="outline" className="h-12 rounded-full px-6 capitalize">
18          Sticky Footer
19        </Button>
20      </ResponsiveDialogTrigger>
21      <ResponsiveDialogContent
22        showCloseButton={false}
23        className="flex max-h-[min(640px,80dvh)] flex-col gap-0 overflow-hidden"
24      >
25        <div className="overflow-y-auto">
26          <ResponsiveDialogHeader className="contents space-y-0 text-left">
27            <ResponsiveDialogTitle className="px-6 text-base sm:pt-6">
28              Frequently Asked Questions (FAQ)
29            </ResponsiveDialogTitle>
30            <ResponsiveDialogDescription asChild>
31              <div className="p-6">
32                <div className="space-y-4 [&_strong]:font-semibold [&_strong]:text-foreground">
33                  <div className="space-y-1">
34                    <p>
35                      <strong>Account Management</strong>
36                    </p>
37                    <p>
38                      Navigate to the registration page, provide required information, and verify your email address.
39                      You can sign up using your email or through social media platforms.
40                    </p>
41                  </div>
42                  <div className="space-y-1">
43                    <p>
44                      <strong>Password Reset Process</strong>
45                    </p>
46                    <p>
47                      Users can reset their password through the account settings page. Click &quot;Forgot
48                      Password&quot; and follow the email verification steps to regain account access quickly and
49                      securely.
50                    </p>
51                  </div>
52                  <div className="space-y-1">
53                    <p>
54                      <strong>Service Pricing Tiers</strong>
55                    </p>
56                    <p>
57                      We offer three primary subscription levels designed to meet diverse user needs: Basic (free with
58// … truncated