-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
146 lines (116 loc) · 6.65 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Retail Record - Record Sales Faster!</title>
<!-- META TAGS -->
<meta name="title" content="Retail Record - Record Sales Faster!">
<meta name="description" content="Keep track of your physical store sales and worry less about calculation! Create products categories and keep record of sales in each">
<meta name="keywords" content="store sales recorder, shop tracker, sales tracker, retail record">
<meta name="robots" content="index, follow">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="English">
<meta name="author" content="Nnadi Victory">
<!-- Primary Meta Tags -->
<meta name="title" content="Retail Record - Record Sales Faster!">
<meta name="description" content="Keep track of your physical store sales and worry less about calculation! Create products categories and keep record of sales in each category.">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.retailrecord.com/">
<meta property="og:title" content="Retail Record - Record Sales Faster!">
<meta property="og:description" content="Keep track of your physical store sales and worry less about calculation! Create products categories and keep record of sales in each category.">
<meta property="og:image" content="https://www.retailrecord.com/images/preview.png">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://www.retailrecord.com/">
<meta property="twitter:title" content="Retail Record - Record Sales Faster!">
<meta property="twitter:description" content="Keep track of your physical store sales and worry less about calculation! Create products categories and keep record of sales in each category.">
<meta property="twitter:image" content="https://www.retailrecord.com/images/preview.png">
<!-- stylesheet and script files -->
<link rel="stylesheet" href="/dist/style.css">
<script defer src="/dist/script.js"></script>
<!-- favicon img -->
<link rel="shortcut icon" href="/images/favicon-rr.png" type="image/x-icon">
<!-- bootstrap icons -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<!-- google font -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap" rel="stylesheet">
<!-- animate on scroll -->
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css"/>
</head>
<body class="overflow-x-hidden">
<header class="flex items-center justify-between px-10 pt-5">
<a href="/" class="logo ">
<img class="w-28" src="/images/mainLogo.png" alt="Retail Record Logo">
</a>
<nav>
<a href="/sign-up" class="nav-link font-semibold text-white bg-blue rounded p-3">Get Started</a>
</nav>
</header>
<section class="hero lg:flex px-5 lg:pl-20 mt-12">
<div class="hero__ctn container lg:w-[650px]">
<h1 class="hero__text py-1 lg:mt-16 xl:mt-24">
Recording your physical store sales have never been easier with Retail Record
</h1>
<p class="py-3 font-medium text-slate-700 lg:pr-10 text-left">
An awesome record keeping tool for recording your physical store sales easily, efficiently and faster while you worry less about calculations.
</p>
<div class="my-4 pb-5 lg:pb-0">
<a href="/sign-up" class="font-semibold text-white bg-blue rounded p-3">Get Started</a>
</div>
</div>
<div class="hero__imgCtn mb-3 lg:mb-0 self-center lg:ml-10 lg:w-[50%]">
<img class=" mx-auto" src="/images/undraw_note_list_re_r4u9.svg" alt="record keeping illustration">
</div>
</section>
<section class="howItWorks mt-14 px-5 flex flex-col gap-y-8 lg:gap-y-16">
<h2 class="text-center underline">How it works</h2>
<div class="stepCtn mt-2">
<div data-aos="fade-right" class="writeUp lg:px-14 self-center">
<h3 class="py-2">Easily create a product category from the dashboard after signing in</h3>
<p>Click on the <span class="font-semibold">'Add Category'</span> button located in your dashboard to add a product category.</p>
</div>
<video data-aos="fade-left" class="mt-5 lg:mt-0" autoplay muted loop src="./videos/add-category-demo.mp4" type="video/mp4"></video>
</div>
<div class="stepCtn">
<div data-aos="fade-left" class="writeUp lg:px-14 self-center">
<h3 class="py-2">Add a sale record for each category from the dashboard</h3>
<p>Click on the <span class="font-semibold">Plus Sign</span> located on the category in your dashboard to add a sale(s) record for that category.</p>
</div>
<video data-aos="fade-right" class="mt-5 lg:mt-0" autoplay muted loop src="./videos/add-record-demo.mp4" type="video/mp4"></video>
</div>
<div class="stepCtn mt-2">
<div data-aos="fade-right" class="writeUp lg:px-14 self-center">
<h3 class="py-2">Easily edit a sale record</h3>
<p>Click on the edit icon button located on the right of the records table under the <span class="font-semibold">'Actions'</span> column to edit a sale record.</p>
</div>
<video data-aos="fade-left" class="mt-5 lg:mt-0" autoplay muted loop src="./videos/edit-record-demo.mp4" type="video/mp4"></video>
</div>
<div class="stepCtn mt-2">
<div data-aos="fade-left" class="writeUp lg:px-14 self-center">
<h3 class="py-2">Easily delete a sale record</h3>
<p>Click on the delete icon button located on the right of the records table under the <span class="font-semibold">'Actions'</span> column to delete a sale record.</p>
</div>
<video data-aos="fade-right" class="mt-5 lg:mt-0" autoplay muted loop src="./videos/delete-record-demo.mp4" type="video/mp4"></video>
</div>
</section>
<footer class="footer bg-black w-full flex justify-between items-center pr-12 mt-10 lg:pl-10 pl-5 py-5">
<div class="footer__logo w-24">
<img class="lg:w-[80%] w-24" src="/images/mainLogo.png" alt="Retail Record Logo">
</div>
<ul class="footer__links text-white">
<li class="visited:text-blue-400 transition-all hover:text-slate-50"><a href="/contact-us">Contact Us</a></li>
</ul>
</footer>
</body>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init({
duration: 1200,
})
</script>
</html>