k1ngsterr1/landing
1
0
Fork 0
forked from Rosetta/landing
Code Pull Requests Activity

Move legal pages to React Router

Browse Source
This commit is contained in:
rosetta
2026-07-30 16:34:18 -07:00
parent 4daf0ffba9
commit 856fb60579
17 changed files with 857 additions and 805 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/App.tsx
View File

@@ -1,6 +1,7 @@
import '@mantine/core/styles.css';
import { MantineProvider } from '@mantine/core';
import { Route, Routes } from 'react-router-dom';
import { HeroTitle } from './components/HeroTitle/HeroTitle';
import { DownloadCenter } from './components/DownloadCenter/DownloadCenter';
import { FeaturesGrid } from './components/FeaturesGrid/FeaturesGrid';
@@ -8,17 +9,32 @@ import { SEO } from './components/SEO/SEO';
import './style.css'
import { MessageSteps } from './components/MessageSteps/MessageSteps';
import { Footer } from './components/Footer/Footer';
import { PrivacyPage } from './pages/PrivacyPage';
import { TermsPage } from './pages/TermsPage';
import { ScrollToTop } from './components/ScrollToTop/ScrollToTop';
function LandingPage() {
return (
<>
<SEO />
<HeroTitle />
<FeaturesGrid />
<MessageSteps />
<DownloadCenter />
<Footer />
</>
);
}
export default function App() {
return (
<MantineProvider>
<SEO />
<HeroTitle></HeroTitle>
<FeaturesGrid></FeaturesGrid>
<MessageSteps></MessageSteps>
<DownloadCenter></DownloadCenter>
<Footer></Footer>
<ScrollToTop />
<Routes>
<Route path="/" element={<LandingPage />} />
<Route path="/privacy" element={<PrivacyPage />} />
<Route path="/terms" element={<TermsPage />} />
</Routes>
</MantineProvider>
)
}

5
src/components/Footer/Footer.tsx
View File

@@ -1,4 +1,5 @@
import { Anchor, Text } from '@mantine/core';
import { Link } from 'react-router-dom';
import classes from './Footer.module.css';
const LEGAL_NAME = 'ROSETTA CLOUD SERVICES LIMITED';
@@ -15,10 +16,10 @@ export function Footer() {
<Anchor href="/support/" size="sm" c="dimmed">
Support
</Anchor>
<Anchor href="/privacy/" size="sm" c="dimmed">
<Anchor component={Link} to="/privacy" size="sm" c="dimmed">
Privacy Policy
</Anchor>
<Anchor href="/terms/" size="sm" c="dimmed">
<Anchor component={Link} to="/terms" size="sm" c="dimmed">
Terms of Use
</Anchor>
</nav>

163
src/components/LegalPage/LegalPage.module.css Normal file
View File

@@ -0,0 +1,163 @@
.page {
min-height: 100vh;
background:
radial-gradient(circle at 50% 0%, light-dark(rgba(34, 139, 230, 0.12), rgba(34, 139, 230, 0.16)), transparent 34rem),
light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-8));
}
.shell {
padding-top: var(--mantine-spacing-lg);
padding-bottom: calc(var(--mantine-spacing-xl) * 2);
}
.header {
min-height: 58px;
padding-bottom: var(--mantine-spacing-md);
border-bottom: 1px solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-5));
}
.brand {
display: inline-flex;
align-items: center;
gap: var(--mantine-spacing-xs);
color: light-dark(var(--mantine-color-dark-9), var(--mantine-color-white));
text-decoration: none;
}
.brand img {
border-radius: var(--mantine-radius-sm);
}
.main {
width: min(100%, 820px);
margin: 0 auto;
padding-top: 76px;
}
.intro {
padding: 0 var(--mantine-spacing-md) calc(var(--mantine-spacing-xl) * 1.5);
}
.title {
margin-top: var(--mantine-spacing-sm);
color: light-dark(var(--mantine-color-black), var(--mantine-color-white));
font-family: Outfit, var(--mantine-font-family);
font-size: clamp(40px, 7vw, 62px);
font-weight: 500;
letter-spacing: -0.03em;
line-height: 1.08;
}
.document {
padding: 44px 48px 52px;
background: light-dark(rgba(255, 255, 255, 0.9), rgba(20, 21, 23, 0.9));
border-color: light-dark(var(--mantine-color-gray-2), var(--mantine-color-dark-5));
backdrop-filter: blur(12px);
}
.lead {
margin: 0;
color: light-dark(var(--mantine-color-gray-8), var(--mantine-color-dark-0));
font-size: var(--mantine-font-size-lg);
line-height: 1.65;
}
.text,
.list {
color: light-dark(var(--mantine-color-gray-7), var(--mantine-color-dark-1));
font-size: var(--mantine-font-size-md);
line-height: 1.7;
}
.text {
margin: 0 0 var(--mantine-spacing-md);
}
.text:last-child,
.address:last-child {
margin-bottom: 0;
}
.list {
margin-bottom: var(--mantine-spacing-md);
padding-left: var(--mantine-spacing-xs);
}
.list li::marker {
color: var(--mantine-color-blue-5);
}
.section {
margin-top: 42px;
padding-top: 36px;
border-top: 1px solid light-dark(var(--mantine-color-gray-2), var(--mantine-color-dark-5));
}
.sectionTitle {
margin: 0 0 var(--mantine-spacing-md);
color: light-dark(var(--mantine-color-dark-9), var(--mantine-color-white));
font-family: Outfit, var(--mantine-font-family);
font-size: clamp(22px, 3vw, 28px);
font-weight: 500;
line-height: 1.25;
}
.document a {
color: light-dark(var(--mantine-color-blue-7), var(--mantine-color-blue-3));
text-underline-offset: 3px;
overflow-wrap: anywhere;
}
.address {
margin: var(--mantine-spacing-md) 0;
border-left: 3px solid var(--mantine-color-blue-5);
background: light-dark(var(--mantine-color-blue-0), var(--mantine-color-dark-6));
}
.address p {
margin: 0;
color: light-dark(var(--mantine-color-gray-8), var(--mantine-color-dark-0));
line-height: 1.65;
white-space: pre-line;
}
.footer {
margin-top: 72px;
padding-top: var(--mantine-spacing-lg);
border-top: 1px solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-5));
}
@media (max-width: 48em) {
.main {
padding-top: 52px;
}
.document {
padding: 32px 24px 40px;
}
}
@media (max-width: 36em) {
.shell {
padding-inline: var(--mantine-spacing-md);
}
.header {
align-items: flex-start;
flex-direction: column;
}
.intro {
padding-inline: 0;
}
.document {
margin-inline: calc(var(--mantine-spacing-xs) * -1);
padding-inline: 20px;
}
.footer {
align-items: flex-start;
flex-direction: column;
}
}

165
src/components/LegalPage/LegalPage.tsx Normal file
View File

@@ -0,0 +1,165 @@
import type { ReactNode } from 'react';
import {
Anchor,
Box,
Container,
Group,
List,
Paper,
Text,
Title,
} from '@mantine/core';
import { Link } from 'react-router-dom';
import { RosettaLogo } from '../RosettaLogo/RosettaLogo';
import classes from './LegalPage.module.css';
type LegalRoute = 'privacy' | 'terms';
interface LegalPageProps {
active: LegalRoute;
title: string;
updated: string;
children: ReactNode;
}
interface LegalSectionProps {
title: string;
children: ReactNode;
}
export function LegalPage({ active, title, updated, children }: LegalPageProps) {
const currentYear = new Date().getFullYear();
return (
<Box className={classes.page}>
<Container size="lg" className={classes.shell}>
<Group component="header" justify="space-between" className={classes.header}>
<Anchor
component={Link}
to="/"
className={classes.brand}
aria-label="Rosetta home"
>
<RosettaLogo size={34} />
<Text component="span" fw={700} fz="lg">
Rosetta
</Text>
</Anchor>
<Group component="nav" gap="lg" aria-label="Legal pages">
<Anchor href="/support/" c="dimmed" size="sm">
Support
</Anchor>
<Anchor
component={Link}
to="/privacy"
c={active === 'privacy' ? 'blue' : 'dimmed'}
fw={active === 'privacy' ? 600 : 400}
size="sm"
aria-current={active === 'privacy' ? 'page' : undefined}
>
Privacy
</Anchor>
<Anchor
component={Link}
to="/terms"
c={active === 'terms' ? 'blue' : 'dimmed'}
fw={active === 'terms' ? 600 : 400}
size="sm"
aria-current={active === 'terms' ? 'page' : undefined}
>
Terms
</Anchor>
</Group>
</Group>
<Box component="main" className={classes.main}>
<Box className={classes.intro}>
<Text tt="uppercase" fw={700} fz="xs" c="blue" lts="0.08em">
Rosetta legal
</Text>
<Title order={1} className={classes.title}>
{title}
</Title>
<Text c="dimmed" mt="md">
Last updated: {updated}
</Text>
</Box>
<Paper
component="article"
radius="lg"
withBorder
shadow="sm"
className={classes.document}
>
{children}
</Paper>
</Box>
<Group component="footer" justify="space-between" className={classes.footer}>
<Text c="dimmed" fz="xs">
&copy; {currentYear} ROSETTA CLOUD SERVICES LIMITED
</Text>
<Group component="nav" gap="md" aria-label="Footer links">
<Anchor component={Link} to="/" c="dimmed" size="xs">
Rosetta home
</Anchor>
<Anchor href="/support/" c="dimmed" size="xs">
Support
</Anchor>
<Anchor
component={Link}
to={active === 'privacy' ? '/terms' : '/privacy'}
c="dimmed"
size="xs"
>
{active === 'privacy' ? 'Terms of Use' : 'Privacy Policy'}
</Anchor>
</Group>
</Group>
</Container>
</Box>
);
}
export function LegalSection({ title, children }: LegalSectionProps) {
return (
<Box component="section" className={classes.section}>
<Title order={2} className={classes.sectionTitle}>
{title}
</Title>
{children}
</Box>
);
}
export function LegalText({
children,
lead = false,
}: {
children: ReactNode;
lead?: boolean;
}) {
return (
<Text component="p" className={lead ? classes.lead : classes.text}>
{children}
</Text>
);
}
export function LegalList({ children }: { children: ReactNode }) {
return (
<List spacing="xs" className={classes.list}>
{children}
</List>
);
}
export function LegalAddress({ children }: { children: ReactNode }) {
return (
<Paper radius="md" p="md" className={classes.address}>
<Text component="p">{children}</Text>
</Paper>
);
}

25
src/components/SEO/SEO.tsx
View File

@@ -5,28 +5,31 @@ interface SEOProps {
description?: string;
ogImage?: string;
keywords?: string;
canonical?: string;
}
export function SEO({
title = 'Rosetta - Secure Messaging for Everyone',
description = 'End-to-end encrypted messaging app with military-grade security. Download for Windows, Linux, and Android.',
ogImage = '/og-image.png',
keywords = 'secure messaging, encrypted chat, private messenger'
ogImage = '/og.png',
keywords = 'secure messaging, encrypted chat, private messenger',
canonical = 'https://rosetta.im/'
}: SEOProps) {
useEffect(() => {
// Update title
document.title = title;
// Update meta tags
updateMetaTag('name', 'description', description);
updateMetaTag('name', 'keywords', keywords);
updateMetaTag('property', 'og:title', title);
updateMetaTag('property', 'og:description', description);
updateMetaTag('property', 'og:image', ogImage);
updateMetaTag('property', 'og:url', canonical);
updateMetaTag('name', 'twitter:title', title);
updateMetaTag('name', 'twitter:description', description);
updateMetaTag('name', 'twitter:image', ogImage);
}, [title, description, ogImage, keywords]);
updateMetaTag('name', 'twitter:url', canonical);
updateCanonical(canonical);
}, [title, description, ogImage, keywords, canonical]);
return null;
}
@@ -42,3 +45,15 @@ function updateMetaTag(attr: string, name: string, content: string) {
element.setAttribute('content', content);
}
function updateCanonical(href: string) {
let element = document.querySelector<HTMLLinkElement>('link[rel="canonical"]');
if (!element) {
element = document.createElement('link');
element.rel = 'canonical';
document.head.appendChild(element);
}
element.href = href;
}

12
src/components/ScrollToTop/ScrollToTop.tsx Normal file
View File

@@ -0,0 +1,12 @@
import { useEffect } from 'react';
import { useLocation } from 'react-router-dom';
export function ScrollToTop() {
const { pathname } = useLocation();
useEffect(() => {
window.scrollTo({ top: 0, left: 0, behavior: 'instant' });
}, [pathname]);
return null;
}

5
src/main.tsx
View File

@@ -1,7 +1,10 @@
import { createRoot } from 'react-dom/client'
import { BrowserRouter } from 'react-router-dom'
import App from './App.tsx'
createRoot(document.getElementById('root')!).render(
<App />
<BrowserRouter>
<App />
</BrowserRouter>
)

179
src/pages/PrivacyPage.tsx Normal file
View File

@@ -0,0 +1,179 @@
import { Anchor, List } from '@mantine/core';
import {
LegalAddress,
LegalList,
LegalPage,
LegalSection,
LegalText,
} from '../components/LegalPage/LegalPage';
import { SEO } from '../components/SEO/SEO';
export function PrivacyPage() {
return (
<>
<SEO
title="Privacy Policy for Rosetta"
description="Privacy Policy for Rosetta by ROSETTA CLOUD SERVICES LIMITED: how data is handled in the end-to-end encrypted messenger."
canonical="https://rosetta.im/privacy/"
keywords="Rosetta privacy policy, encrypted messenger privacy, data protection"
/>
<LegalPage active="privacy" title="Privacy Policy" updated="May 22, 2026">
<LegalText lead>
Rosetta IM is operated by ROSETTA CLOUD SERVICES LIMITED (&quot;Rosetta&quot;,
&quot;we&quot;, &quot;us&quot;, or &quot;our&quot;). This Privacy Policy
explains how we handle information when you use Rosetta, our end-to-end
encrypted messaging application, and our website at https://rosetta.im.
</LegalText>
<LegalSection title="1. Information We Collect">
<LegalText>
Rosetta is designed to minimize data collection. Registration does not
require a phone number, email address, or real name. The app uses
cryptographic keys and technical identifiers needed to operate the service.
</LegalText>
<LegalList>
<List.Item>
Account and cryptographic data: public keys, account identifiers, and
related technical data needed to identify users and deliver encrypted
messages. Private keys are intended to remain on your device.
</List.Item>
<List.Item>
Encrypted messages and media in transit: message text, files, and media
are encrypted before they are sent. Our servers are designed to relay
encrypted payloads and encrypted message keys, not to read message
contents.
</List.Item>
<List.Item>
Device and app data: app version, operating system, platform,
architecture, update request data, IP address, timestamps, and server
logs needed for security, reliability, abuse prevention, and update
delivery.
</List.Item>
<List.Item>
Support communications: if you contact us, we may process your email
address, message content, and any information you choose to provide.
</List.Item>
</LegalList>
</LegalSection>
<LegalSection title="2. Information We Do Not Collect for Advertising">
<LegalText>
We do not use third-party advertising SDKs, advertising trackers, or
cross-app tracking. We do not sell your personal information.
</LegalText>
</LegalSection>
<LegalSection title="3. How We Use Information">
<LegalText>We use information only to:</LegalText>
<LegalList>
<List.Item>provide, maintain, and secure Rosetta;</List.Item>
<List.Item>route encrypted messages between users;</List.Item>
<List.Item>deliver app updates and downloads;</List.Item>
<List.Item>
detect abuse, prevent fraud, and protect service integrity;
</List.Item>
<List.Item>respond to support requests;</List.Item>
<List.Item>comply with legal obligations.</List.Item>
</LegalList>
</LegalSection>
<LegalSection title="4. End-to-End Encryption">
<LegalText>
Rosetta is designed so that message content is encrypted before it reaches
our servers. Our servers are not intended to have access to decrypted
message contents or decrypted media. Messages are stored on users&apos;
devices rather than as readable message history on our servers.
</LegalText>
</LegalSection>
<LegalSection title="5. Sharing of Information">
<LegalText>We may share limited information only with:</LegalText>
<LegalList>
<List.Item>
infrastructure and hosting providers that help us operate Rosetta;
</List.Item>
<List.Item>professional advisers, if necessary;</List.Item>
<List.Item>
authorities or other parties when required by law or to protect rights,
safety, and security.
</List.Item>
</LegalList>
<LegalText>
Any service provider that processes user data for us must protect it
consistently with this Privacy Policy.
</LegalText>
</LegalSection>
<LegalSection title="6. Retention">
<LegalText>
Encrypted message data in transit is processed only as needed to deliver the
service. Technical logs and support communications are retained only for as
long as reasonably necessary for security, reliability, support, legal,
and operational purposes.
</LegalText>
</LegalSection>
<LegalSection title="7. Your Choices and Rights">
<LegalText>
Depending on where you live, you may have rights to access, correct, delete,
or object to certain processing of your personal information. To make a
request, contact us at{' '}
<Anchor href="mailto:admin@rosetta.im">admin@rosetta.im</Anchor>.
</LegalText>
<LegalText>
Because Rosetta minimizes account data and uses cryptographic identifiers,
some requests may require you to provide information that helps us verify
control of the relevant account or keys.
</LegalText>
</LegalSection>
<LegalSection title="8. Children">
<LegalText>
Rosetta is not directed to children under 13, or the minimum age required in
your jurisdiction. If we learn that we have collected personal information
from a child without required consent, we will take appropriate steps to
delete it.
</LegalText>
</LegalSection>
<LegalSection title="9. International Transfers">
<LegalText>
ROSETTA CLOUD SERVICES LIMITED may process information in countries other
than where you live. Where required, we use appropriate safeguards for
international transfers.
</LegalText>
</LegalSection>
<LegalSection title="10. Security">
<LegalText>
We use technical and organizational measures designed to protect
information. No system is perfectly secure, and users are responsible for
protecting their devices, private keys, and account access.
</LegalText>
</LegalSection>
<LegalSection title="11. Changes to This Policy">
<LegalText>
We may update this Privacy Policy from time to time. If we make material
changes, we will update the &quot;Last updated&quot; date and, where
appropriate, provide additional notice.
</LegalText>
</LegalSection>
<LegalSection title="12. Contact">
<LegalAddress>
{'ROSETTA CLOUD SERVICES LIMITED\nRegistered address:\nUNIT 704C 7/F BLK 3 NAN FUNG IND CITY\n18 TIN HAU RD\nTUEN MUN\nHONG KONG'}
</LegalAddress>
<LegalText>
Email: <Anchor href="mailto:admin@rosetta.im">admin@rosetta.im</Anchor>
<br />
Support: <Anchor href="/support/">https://rosetta.im/support/</Anchor>
</LegalText>
<LegalText>
Phone: <Anchor href="tel:+85228910030">+852 2891 0030</Anchor>
</LegalText>
</LegalSection>
</LegalPage>
</>
);
}

222
src/pages/TermsPage.tsx Normal file
View File

@@ -0,0 +1,222 @@
import { Anchor, List } from '@mantine/core';
import { Link } from 'react-router-dom';
import {
LegalAddress,
LegalList,
LegalPage,
LegalSection,
LegalText,
} from '../components/LegalPage/LegalPage';
import { SEO } from '../components/SEO/SEO';
export function TermsPage() {
return (
<>
<SEO
title="Terms of Use for Rosetta"
description="Terms of Use and End User License Agreement for Rosetta by ROSETTA CLOUD SERVICES LIMITED."
canonical="https://rosetta.im/terms/"
keywords="Rosetta terms of use, end user license agreement, encrypted messenger terms"
/>
<LegalPage active="terms" title="Terms of Use" updated="May 22, 2026">
<LegalText lead>
These Terms of Use and End User License Agreement (&quot;Terms&quot;) govern
your use of Rosetta, an end-to-end encrypted messaging application operated by
ROSETTA CLOUD SERVICES LIMITED (&quot;Rosetta&quot;, &quot;we&quot;,
&quot;us&quot;, or &quot;our&quot;).
</LegalText>
<LegalText>
By downloading, installing, or using Rosetta, you agree to these Terms.
</LegalText>
<LegalSection title="1. Agreement Between You and Rosetta">
<LegalText>
These Terms are concluded between you and ROSETTA CLOUD SERVICES LIMITED
only, and not with Apple. We, not Apple, are solely responsible for Rosetta
and its content.
</LegalText>
</LegalSection>
<LegalSection title="2. License">
<LegalText>
We grant you a limited, non-exclusive, non-transferable, revocable license
to use Rosetta for personal or lawful business communication on
Apple-branded products that you own or control, as permitted by the Apple
Media Services Terms and Conditions, including applicable Family Sharing,
volume purchasing, or Legacy Contacts rules.
</LegalText>
<LegalText>
You may not copy, modify, reverse engineer, decompile, resell, sublicense,
rent, lease, or distribute Rosetta except as permitted by applicable law.
</LegalText>
</LegalSection>
<LegalSection title="3. Privacy">
<LegalText>
Your use of Rosetta is also governed by our Privacy Policy, available at{' '}
<Anchor component={Link} to="/privacy">
https://rosetta.im/privacy/
</Anchor>
.
</LegalText>
</LegalSection>
<LegalSection title="4. Encrypted Messaging">
<LegalText>
Rosetta is designed for end-to-end encrypted communication. You are
responsible for protecting your device, private keys, and access
credentials. If you lose access to your device or keys, we may not be able
to restore your messages or account data.
</LegalText>
</LegalSection>
<LegalSection title="5. Acceptable Use">
<LegalText>You agree not to use Rosetta to:</LegalText>
<LegalList>
<List.Item>violate any law or regulation;</List.Item>
<List.Item>infringe the rights of others;</List.Item>
<List.Item>
send spam, malware, scams, threats, harassment, or unlawful content;
</List.Item>
<List.Item>
attempt to disrupt, overload, reverse engineer, or compromise Rosetta or
its infrastructure;
</List.Item>
<List.Item>
impersonate another person or misrepresent your identity;
</List.Item>
<List.Item>use Rosetta for any prohibited or sanctioned activity.</List.Item>
</LegalList>
</LegalSection>
<LegalSection title="6. No Emergency Use">
<LegalText>
Rosetta is not designed for emergency calls, emergency messaging, or
communications where failure or delay could cause death, personal injury,
or serious damage. Use official emergency channels when needed.
</LegalText>
</LegalSection>
<LegalSection title="7. User Content">
<LegalText>
You retain ownership of the content you create or send through Rosetta. You
grant us the limited rights necessary to operate the service, such as
routing encrypted messages and maintaining service security. We do not
claim ownership of your messages or files.
</LegalText>
</LegalSection>
<LegalSection title="8. Updates and Availability">
<LegalText>
We may update, modify, suspend, or discontinue Rosetta or parts of the
service at any time. Some features may require an internet connection or a
compatible device and operating system.
</LegalText>
</LegalSection>
<LegalSection title="9. Fees">
<LegalText>
Rosetta is currently offered as a free application unless stated otherwise.
If paid features, subscriptions, or in-app purchases are introduced through
Apple, Apple&apos;s payment and subscription terms will apply.
</LegalText>
</LegalSection>
<LegalSection title="10. Maintenance and Support">
<LegalText>
ROSETTA CLOUD SERVICES LIMITED is solely responsible for providing
maintenance and support for Rosetta. Apple has no obligation to provide
maintenance or support services for Rosetta.
</LegalText>
<LegalText>
Support contact:{' '}
<Anchor href="mailto:admin@rosetta.im">admin@rosetta.im</Anchor>
<br />
Support centre:{' '}
<Anchor href="/support/">https://rosetta.im/support/</Anchor>
</LegalText>
</LegalSection>
<LegalSection title="11. Warranty">
<LegalText>
Rosetta is provided &quot;as is&quot; and &quot;as available&quot; to the
maximum extent permitted by law. If Rosetta fails to conform to any
applicable warranty, you may notify Apple, and Apple may refund the purchase
price, if any, for the app. To the maximum extent permitted by law, Apple
has no other warranty obligation for Rosetta.
</LegalText>
</LegalSection>
<LegalSection title="12. Product Claims">
<LegalText>
ROSETTA CLOUD SERVICES LIMITED, not Apple, is responsible for addressing any
claims relating to Rosetta, including product liability claims, legal or
regulatory claims, and claims under consumer protection or similar laws.
</LegalText>
</LegalSection>
<LegalSection title="13. Intellectual Property Claims">
<LegalText>
If a third party claims that Rosetta or your use of Rosetta infringes
intellectual property rights, ROSETTA CLOUD SERVICES LIMITED, not Apple, is
responsible for the investigation, defense, settlement, and discharge of
that claim.
</LegalText>
</LegalSection>
<LegalSection title="14. Legal Compliance">
<LegalText>
You represent that you are not located in a country subject to a U.S.
Government embargo or designated by the U.S. Government as a
&quot;terrorist supporting&quot; country, and that you are not listed on any
U.S. Government list of prohibited or restricted parties.
</LegalText>
</LegalSection>
<LegalSection title="15. Third-Party Beneficiary">
<LegalText>
Apple and Apple&apos;s subsidiaries are third-party beneficiaries of these
Terms. Upon your acceptance of these Terms, Apple has the right to enforce
these Terms against you as a third-party beneficiary.
</LegalText>
</LegalSection>
<LegalSection title="16. Termination">
<LegalText>
We may suspend or terminate access to Rosetta if you violate these Terms,
create risk for other users, or use the service unlawfully. You may stop
using Rosetta at any time.
</LegalText>
</LegalSection>
<LegalSection title="17. Limitation of Liability">
<LegalText>
To the maximum extent permitted by law, ROSETTA CLOUD SERVICES LIMITED will
not be liable for indirect, incidental, special, consequential, or punitive
damages, or for loss of data, profits, goodwill, or business opportunities
arising from your use of Rosetta.
</LegalText>
</LegalSection>
<LegalSection title="18. Governing Law">
<LegalText>
These Terms are governed by the laws of Hong Kong, unless local consumer
protection law requires otherwise.
</LegalText>
</LegalSection>
<LegalSection title="19. Contact">
<LegalAddress>
{'ROSETTA CLOUD SERVICES LIMITED\nRegistered address:\nUNIT 704C 7/F BLK 3 NAN FUNG IND CITY\n18 TIN HAU RD\nTUEN MUN\nHONG KONG'}
</LegalAddress>
<LegalText>
Email: <Anchor href="mailto:admin@rosetta.im">admin@rosetta.im</Anchor>
</LegalText>
<LegalText>
Phone: <Anchor href="tel:+85228910030">+852 2891 0030</Anchor>
</LegalText>
</LegalSection>
</LegalPage>
</>
);
}