Socialify

Folder ..

Viewing PolicyTerms.tsx
152 lines (146 loc) • 5.0 KB

  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
import styled from 'styled-components';
import { useEffect } from 'react';
const colors = {
  textColor: 'var(--global-text)',
  buttonBackground: 'var(--global-button-bg)',
  buttonText: 'var(--global-button-text)',
  buttonHoverBackground: 'var(--global-button-hover-bg)',
  adBackground: 'var(--global-div)',
  customColor: 'var(--your-custom-color)',
  paddingSize: '1rem',
};

const StyledLink = styled.a`
  color: #744aff;
  text-decoration: none;
  font-weight: bold;
  &:hover,
  &:active,
  &:focus {
    text-decoration: underline;
  }
`;

const SplashContainer = styled.div`
  margin-top: -2rem;
`;
const Paragraph = styled.p`
  font-size: 1rem;
  margin-bottom: ${colors.paddingSize};
  line-height: 1.6;
  color: ${colors.textColor};
`;

const MainContent = styled.div`
  max-width: 50rem;
  margin: 0 auto;
  padding: ${colors.paddingSize};
  color: ${colors.textColor};
  font-size: 1rem;
  line-height: 1.6;
`;

const sections = [
  {
    title: 'Privacy Policy',
    content: (
      <Paragraph>
        <strong>Data Collection</strong>: We collect minimal user data necessary
        for the functioning of Miruro, such as account information and user
        preferences.
        <br></br>
        <br></br>
        <strong>Use of Data</strong>: The data collected is used to improve
        service quality and user experience. We do not share personal data with
        third parties except as required by law.
        <br></br>
        <br></br>
        <strong>Cookies and Tracking</strong>: Miruro uses cookies and similar
        tracking technologies to enhance the user experience like caching video
        timestamps and tracking watched content.
        <br></br>
        <br></br>
        <strong>Third-Party Services</strong>: Embedded videos from third-party
        sites may have their own privacy policies, and we advise users to read
        these policies on the respective sites.
        <br></br>
        <br></br>
        <strong>Security</strong>: We are committed to ensuring your data is
        secure but remind users that no method of transmission over the Internet
        is 100% secure.
        <br></br>
        <br></br>
        <strong>Changes to Privacy Policy</strong>: We may update our Privacy
        Policy from time to time. We will notify users of any changes by posting
        the new policy on this page.
        <br></br>
        <br></br>
        <strong>Contact Us</strong>: If you have any questions about these
        terms, please contact us at{' '}
        <StyledLink href='mailto:[email protected]'>
          [email protected].
        </StyledLink>
      </Paragraph>
    ),
  },
  {
    title: 'Terms of Service',
    content: (
      <Paragraph>
        <strong>Acceptance of Terms</strong>: By using Miruro, you agree to
        these Terms of Service and acknowledge that they affect your legal
        rights and obligations.
        <br></br>
        <br></br>
        <strong>Content</strong>: Miruro does not host video content but embeds
        videos from various third-party sources. We are not responsible for the
        content, quality, or the policies of these external sites.
        <br></br>
        <br></br>
        <strong>Use of Site</strong>: The service is provided "as is" and is
        used at the user’s own risk. Users must not misuse the service in any
        way that breaches laws or regulations.
        <br></br>
        <br></br>
        <strong>User Content</strong>: Users may share content, such as comments
        or reviews, responsibly. We reserve the right to remove any content that
        violates our policies or is deemed inappropriate.
        <br></br>
        <br></br>
        <strong>Intellectual Property</strong>: The intellectual property rights
        of the embedded videos remain with their respective owners. Miruro
        respects these rights and does not claim ownership of this content.
        <br></br>
        <br></br>
        <strong>Changes to Terms of Service</strong>: We reserve the right to
        modify these terms at any time. Continued use of the site after changes
        constitutes acceptance of the new terms.
        <br></br>
        <br></br>
        <strong>Termination</strong>: We may terminate or suspend access to our
        service immediately, without prior notice, for any breach of these
        Terms.
      </Paragraph>
    ),
  },
];

function PolicyTerms() {
  useEffect(() => {
    const previousTitle = document.title;
    document.title = 'Policy & Terms | Miruro'; // Set the title when the component mounts
    return () => {
      // Reset the title to the previous one when the component unmounts
      document.title = previousTitle;
    };
  }, []);
  return (
    <SplashContainer>
      <MainContent>
        <br />
        {sections.map((section, index) => (
          <span key={index}>
            {section.title && <h1 className='title-style'>{section.title}</h1>}
            {section.content}
          </span>
        ))}
      </MainContent>
    </SplashContainer>
  );
}

export default PolicyTerms;