Skip to content

Commit

Permalink
Update pricing dropdown & animations
Browse files Browse the repository at this point in the history
  • Loading branch information
@jimmybisenius
jimmybisenius committed Feb 28, 2021
1 parent 85b7276 commit f81e948
Show file tree
Hide file tree
Showing 2 changed files with 9 additions and 9 deletions.
14 changes: 7 additions & 7 deletions www/pages/index.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,15 +4,15 @@
<!--<img src="/hero-image.png"/>-->
<!---->
<div class="flex flex-row items-center justify-center lg:space-x-10 relative">
<img data-aos="fade-in" data-aos-once="true" data-aos-easing="ease" data-aos-duration="1000" data-aos-delay="500" style="width:180px;height:auto;position:absolute;z-index:11;left:102px;top:178px;" src="/Pink-arrow.svg"/>
<img data-aos="fade-in" data-aos-once="true" data-aos-easing="ease" data-aos-duration="1000" data-aos-delay="500" style="width:120px;height:auto;position:absolute;z-index:11;right:190px;top:130px;" src="/Purple-arrow.svg"/>
<img data-aos="fade-in" data-aos-easing="ease" data-aos-duration="1000" data-aos-delay="500" style="width:180px;height:auto;position:absolute;z-index:11;left:102px;top:178px;" src="/Pink-arrow.svg"/>
<img data-aos="fade-in" data-aos-easing="ease" data-aos-duration="1000" data-aos-delay="500" style="width:120px;height:auto;position:absolute;z-index:11;right:190px;top:130px;" src="/Purple-arrow.svg"/>
<div class="phone-container">
<div class="mini phone-display relative">
<div class="w-full h-full" style="background-image:url('/Instagram-Screen.svg');background-position:top left;background-size: 100% auto;"></div>
</div>
</div>
<div class="phone-container">
<div data-aos="fade-up" data-aos-once="true" data-aos-easing="ease" data-aos-duration="1000" style="transform: scale(1.1);top:145px;" class="bg-white z-10 absolute w-full flex flex-row items-center justify-center rounded-lg tracking-tighter shadow px-8 py-4 font-extrabold">Buy on Amazon!</div>
<div data-aos="fade-up" data-aos-easing="ease" data-aos-duration="1000" style="transform: scale(1.1);top:145px;" class="bg-white z-10 absolute w-full flex flex-row items-center justify-center rounded-lg tracking-tighter shadow px-8 py-4 font-extrabold">Buy on Amazon!</div>
<div class="mini phone-display relative">
<iframe class="w-full" id="preview-frame" src="https://singlel.ink/u/influencer" scrolling="no"/>
</div>
Expand All @@ -24,7 +24,7 @@
</div>
</div>
<!---->
<div class="w-full flex flex-col items-center" data-aos="fade-up" data-aos-once="true" data-aos-easing="ease" data-aos-duration="1000" data-aos-delay="1000">
<div class="w-full flex flex-col items-center" data-aos="fade-up" data-aos-easing="ease" data-aos-duration="1000" data-aos-delay="1000">
<h1 style="margin-top: -115px; margin-bottom: 12px;">Increase engagement by 50% or more with<a href="/gallery" style="text-shadow: 0 0 15px rgba(83,83,238,.5);" class="text-indigo-600 ml-4">Singlelink.</a></h1>
<p class="mb-6 text-2xl max-w-2xl mx-auto">
The powerful, easy-to-use, and customizable micro-site that gets your content to your consumers in fewer clicks.
Expand All @@ -39,7 +39,7 @@
<div class="phone-display relative" style="right:50px; height:550px;">
<iframe class="w-full" id="preview-frame" src="https://singlel.ink/u/umberto" scrolling="no"/>
</div>
<testimonial data-aos="fade-up" data-aos-once="true" data-aos-easing="ease" data-aos-duration="1000" :at="false" style="top:300px;" class="shadow absolute right-0" date="Dec 18, 2020" avatar="/adrenaline-hunter.png" platform="discord" name="Umberto Gnocchi" handle="CGI & Motion Design Artist" content="Thank you! What I like is that in 5 minutes I’ve configured everything."/>
<testimonial data-aos="fade-up" data-aos-easing="ease" data-aos-duration="1000" :at="false" style="top:300px;" class="shadow absolute right-0" date="Dec 18, 2020" avatar="/adrenaline-hunter.png" platform="discord" name="Umberto Gnocchi" handle="CGI & Motion Design Artist" content="Thank you! What I like is that in 5 minutes I’ve configured everything."/>
</div>
<div class="flex flex-col lg:ml-12 flex-grow justify-start">
<h3>Getting online has never been easier</h3>
Expand All @@ -58,7 +58,7 @@
<div class="phone-display relative" style="left:50px;">
<iframe class="w-full" id="preview-frame" src="https://singlel.ink/u/Vibez" scrolling="no"/>
</div>
<testimonial data-aos="fade-up" data-aos-once="true" data-aos-easing="ease" data-aos-duration="1000" :at="false" style="top:300px;" class="shadow absolute left-0" date="Jan 22, 2021" avatar="/vibez.png" platform="ph" name="VibeszCS" handle="Twitch Streamer" content="TL:DR: Doesn't get much better than this... Beginners can easily add links and colors & have a working landing page in less then five minutes.... Neutron Creative sure knows how to make a good program!"/>
<testimonial data-aos="fade-up" data-aos-easing="ease" data-aos-duration="1000" :at="false" style="top:300px;" class="shadow absolute left-0" date="Jan 22, 2021" avatar="/vibez.png" platform="ph" name="VibeszCS" handle="Twitch Streamer" content="TL:DR: Doesn't get much better than this... Beginners can easily add links and colors & have a working landing page in less then five minutes.... Neutron Creative sure knows how to make a good program!"/>
</div>
</section>

Expand All @@ -67,7 +67,7 @@
<div class="phone-display relative" style="right:50px;">
<iframe class="w-full" id="preview-frame" src="https://singlel.ink/u/remi" scrolling="no"/>
</div>
<testimonial data-aos="fade-up" data-aos-once="true" data-aos-easing="ease" data-aos-duration="1000" :at="false" style="top:300px;" class="shadow absolute right-0" date="Feb 23, 2021" avatar="https://pbs.twimg.com/profile_images/1361677841654497281/Mys20SoV_400x400.jpg" platform="twitter" name="Rémi Carreiro" handle="Architectural Photographer" content="If you’re looking to set up a little landing page for yourself, check out @SingleLink. I stumbled across it while looking for alternatives to Linktree and couldn’t be happier with it."/>
<testimonial data-aos="fade-up" data-aos-easing="ease" data-aos-duration="1000" :at="false" style="top:300px;" class="shadow absolute right-0" date="Feb 23, 2021" avatar="https://pbs.twimg.com/profile_images/1361677841654497281/Mys20SoV_400x400.jpg" platform="twitter" name="Rémi Carreiro" handle="Architectural Photographer" content="If you’re looking to set up a little landing page for yourself, check out @SingleLink. I stumbled across it while looking for alternatives to Linktree and couldn’t be happier with it."/>
</div>
<div class="flex flex-col lg:ml-12 flex-grow justify-start">
<h3>Scale to infinite heights instantly</h3>
Expand Down
4 changes: 2 additions & 2 deletions www/pages/pricing.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,8 +10,8 @@
<div class="flex items-center justify-end w-full flex-row mb-6">
<span class="text-gray-700 font-semibold mr-4 text-sm">Viewing plans for</span>
<select v-model="intent" class="toggle">
<option value="personal">me (personal)</option>
<option value="business">my business</option>
<option value="personal">personal use</option>
<option value="business">commercial use</option>
</select>
</div>
<div class="p-12 rounded-lg shadow bg-white flex flex-col mb-8" v-if="intent=='personal'">
Expand Down

0 comments on commit f81e948

Please sign in to comment.