iPhone-Showcase-Landing-Page--React-Frontend/index.html at main · arnobt78/iPhone-Showcase-Landing-Page--React-Frontend · GitHub

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
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="theme-color" content="#000000" />

    <title>iPhone 15 Showcase – Interactive Landing Page | React, Three.js, GSAP, Vite</title>
    <meta name="description" content="iPhone 15 Showcase landing page: interactive 3D model, product highlights, GSAP animations. Built with React, Vite, TypeScript, Three.js, Tailwind CSS. Live demo and learning project by Arnob Mahmud." />
    <meta name="author" content="Arnob Mahmud, https://www.arnobmahmud.com, contact@arnobmahmud.com" />
    <meta name="keywords" content="iPhone 15 Showcase, Apple iPhone 15 Pro Max, React, Vite, TypeScript, Three.js, GSAP, Tailwind CSS, 3D model, product landing page, UI/UX, SPA, Arnob Mahmud, iphone15-showcase" />
    <meta name="robots" content="index, follow" />
    <link rel="canonical" href="https://iphone15-showcase.vercel.app/" />

    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <link rel="apple-touch-icon" href="/vite.svg" />
    <link rel="preload" href="/assets/images/apple.svg" as="image" />
    <link rel="preload" href="/assets/images/search.svg" as="image" />
    <link rel="preload" href="/assets/images/bag.svg" as="image" />

    <meta property="og:title" content="iPhone 15 Showcase – Interactive Landing Page | React, Three.js, GSAP" />
    <meta property="og:description" content="Interactive iPhone 15 Showcase with 3D model, highlights carousel, and smooth animations. Built with React, Vite, TypeScript, Three.js, and Tailwind CSS." />
    <meta property="og:image" content="https://iphone15-showcase.vercel.app/assets/images/hero.jpeg" />
    <meta property="og:image:alt" content="iPhone 15 Pro hero visual" />
    <meta property="og:url" content="https://iphone15-showcase.vercel.app/" />
    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="iPhone 15 Showcase" />
    <meta property="og:locale" content="en_US" />

    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="iPhone 15 Showcase – Interactive Landing Page" />
    <meta name="twitter:description" content="Interactive 3D iPhone 15 Showcase with product highlights and GSAP animations. React, Vite, TypeScript, Three.js." />
    <meta name="twitter:image" content="https://iphone15-showcase.vercel.app/assets/images/hero.jpeg" />
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>