Merge pull request #3 from widgeter/dev
Include some widgets on lead generation page
This commit is contained in:
André B
GitHub
@ -1,6 +1,6 @@
|
||||
---
|
||||
import { Icon } from 'astro-icon/components';
|
||||
import Image from '~/components/common/Image.astro';
|
||||
import CTA from '../ui/CTA.astro';
|
||||
|
||||
const {
|
||||
title = await Astro.slots.render('title'),
|
||||
@ -19,12 +19,14 @@ const {
|
||||
<div class="pt-0 md:pt-[76px] pointer-events-none"></div>
|
||||
<div class="py-12 md:py-20">
|
||||
<div class="text-center pb-10 md:pb-16 max-w-screen-lg mx-auto">
|
||||
{tagline && (
|
||||
{
|
||||
tagline && (
|
||||
<p
|
||||
class="text-base text-secondary dark:text-blue-200 font-bold tracking-wide uppercase"
|
||||
set:html={tagline}
|
||||
/>
|
||||
)}
|
||||
)
|
||||
}
|
||||
{
|
||||
title && (
|
||||
<h1
|
||||
@ -42,14 +44,9 @@ const {
|
||||
{typeof callToAction === 'string' ? (
|
||||
<Fragment set:html={callToAction} />
|
||||
) : (
|
||||
<a class="btn btn-primary sm:mb-0 w-full" href={callToAction?.href} target="_blank" rel="noopener">
|
||||
{callToAction?.icon && (
|
||||
<>
|
||||
<Icon name={callToAction.icon} class="w-5 h-5 mr-1 -ml-1.5 rtl:-mr-1.5 rtl:ml-1" />
|
||||
</>
|
||||
)}
|
||||
{callToAction?.text}
|
||||
</a>
|
||||
<div class="btn btn-primary sm:mb-0 w-full">
|
||||
<CTA callToAction={callToAction} />
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
)
|
||||
@ -60,15 +57,9 @@ const {
|
||||
{typeof callToAction2 === 'string' ? (
|
||||
<Fragment set:html={callToAction2} />
|
||||
) : (
|
||||
<a class="btn w-full" href={callToAction2?.href}>
|
||||
{callToAction2?.icon && (
|
||||
<>
|
||||
<Icon name={callToAction2.icon} class="w-5 h-5 mr-1 -ml-1.5" />
|
||||
|
||||
</>
|
||||
)}
|
||||
{callToAction2.text}
|
||||
</a>
|
||||
<div class="btn w-full">
|
||||
<CTA callToAction={callToAction2} />
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
)
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
---
|
||||
import { Icon } from 'astro-icon/components';
|
||||
import Image from '~/components/common/Image.astro';
|
||||
import type { CallToAction } from '~/types';
|
||||
import CTA from '../ui/CTA.astro';
|
||||
|
||||
export interface Props {
|
||||
title?: string;
|
||||
@ -30,12 +30,14 @@ const {
|
||||
<div class="pt-0 md:pt-[76px] pointer-events-none"></div>
|
||||
<div class="py-12 md:py-20 lg:py-0 lg:flex lg:items-center lg:h-screen lg:gap-8">
|
||||
<div class="basis-1/2 text-center lg:text-left pb-10 md:pb-16 mx-auto">
|
||||
{tagline && (
|
||||
{
|
||||
tagline && (
|
||||
<p
|
||||
class="text-base text-secondary dark:text-blue-200 font-bold tracking-wide uppercase"
|
||||
set:html={tagline}
|
||||
/>
|
||||
)}
|
||||
)
|
||||
}
|
||||
{
|
||||
title && (
|
||||
<h1
|
||||
@ -55,14 +57,9 @@ const {
|
||||
{typeof callToAction === 'string' ? (
|
||||
<Fragment set:html={callToAction} />
|
||||
) : (
|
||||
<a class="btn btn-primary sm:mb-0 w-full" href={callToAction?.href} target="_blank" rel="noopener">
|
||||
{callToAction?.icon && (
|
||||
<>
|
||||
<Icon name={callToAction.icon} class="w-5 h-5 mr-1 -ml-1.5 rtl:-mr-1.5 rtl:ml-1" />{' '}
|
||||
</>
|
||||
)}
|
||||
{callToAction?.text}
|
||||
</a>
|
||||
<div class="btn btn-primary sm:mb-0 w-full">
|
||||
<CTA callToAction={callToAction} />
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
)
|
||||
@ -73,14 +70,9 @@ const {
|
||||
{typeof callToAction2 === 'string' ? (
|
||||
<Fragment set:html={callToAction2} />
|
||||
) : (
|
||||
<a class="btn w-full" href={callToAction2?.href}>
|
||||
{callToAction2?.icon && (
|
||||
<>
|
||||
<Icon name={callToAction2.icon} class="w-5 h-5 mr-1 -ml-1.5" />{' '}
|
||||
</>
|
||||
)}
|
||||
{callToAction2.text}
|
||||
</a>
|
||||
<div class="btn w-full">
|
||||
<CTA callToAction={callToAction2} />
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
)
|
||||
|
||||
@ -12,10 +12,7 @@ const metadata = {
|
||||
<Layout metadata={metadata}>
|
||||
<!-- HeroText Widget ******************* -->
|
||||
|
||||
<HeroText
|
||||
tagline="Contact"
|
||||
title="Let's Connect!"
|
||||
/>
|
||||
<HeroText tagline="Contact" title="Let's Connect!" />
|
||||
|
||||
<ContactUs
|
||||
title="Drop us a message today!"
|
||||
|
||||
@ -19,7 +19,12 @@ const metadata = {
|
||||
|
||||
<Hero2
|
||||
tagline="Mobile App Web Demo"
|
||||
callToAction={{ text: 'Download App', href: 'https://github.com/onwidget/astrowind', icon: 'tabler:download' }}
|
||||
callToAction={{
|
||||
targetBlank: true,
|
||||
text: 'Download App',
|
||||
href: 'https://github.com/onwidget/astrowind',
|
||||
icon: 'tabler:download',
|
||||
}}
|
||||
callToAction2={{ text: 'Learn more', href: '#features' }}
|
||||
image={{
|
||||
src: 'https://images.unsplash.com/photo-1535303311164-664fc9ec6532?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=987&q=80',
|
||||
@ -42,6 +47,7 @@ const metadata = {
|
||||
<!-- Features3 Widget ************** -->
|
||||
|
||||
<Features3
|
||||
id="features"
|
||||
title="How to use our app?"
|
||||
subtitle="Tired of spending hours crafting documents from scratch? Our app offers an innovative solution. With a wide array of professionally designed templates, you can now create stunning documents in minutes. Explore our templates now and experience the difference."
|
||||
tagline="Step-by-step guide"
|
||||
|
||||
@ -40,7 +40,12 @@ const metadata = {
|
||||
|
||||
<!-- Hero2 Widget ******************* -->
|
||||
|
||||
<Hero id="hero" title="Sarah Johnson" tagline="Personal Web Demo" callToAction={{ text: 'Hire me', href: '/' }}>
|
||||
<Hero
|
||||
id="hero"
|
||||
title="Sarah Johnson"
|
||||
tagline="Personal Web Demo"
|
||||
callToAction={{ targetBlank: true, text: 'Hire me', href: '/' }}
|
||||
>
|
||||
<Fragment slot="subtitle">
|
||||
I'm a Graphic Designer passionate about crafting visual stories. <br /> With 5 years of experience and a degree
|
||||
from New York University's School of Design. I infuse vitality into brands and designs, transforming concepts into
|
||||
|
||||
@ -41,7 +41,7 @@ const metadata = {
|
||||
|
||||
<Hero2
|
||||
tagline="SaaS Web Demo"
|
||||
callToAction={{ text: 'Get Started', href: 'https://github.com/onwidget/astrowind' }}
|
||||
callToAction={{ targetBlank: true, text: 'Get Started', href: 'https://github.com/onwidget/astrowind' }}
|
||||
callToAction2={{ text: 'Learn more', href: '#features' }}
|
||||
image={{
|
||||
src: 'https://images.unsplash.com/photo-1580481072645-022f9a6dbf27?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80',
|
||||
|
||||
@ -21,7 +21,12 @@ const metadata = {
|
||||
|
||||
<Hero
|
||||
tagline="Startup Web Demo"
|
||||
callToAction={{ text: 'Get templates', href: 'https://github.com/onwidget/astrowind', icon: 'tabler:download' }}
|
||||
callToAction={{
|
||||
targetBlank: true,
|
||||
text: 'Get templates',
|
||||
href: 'https://github.com/onwidget/astrowind',
|
||||
icon: 'tabler:download',
|
||||
}}
|
||||
callToAction2={{ text: 'Learn more', href: '#features' }}
|
||||
>
|
||||
<Fragment slot="title">
|
||||
|
||||
@ -22,7 +22,12 @@ const metadata = {
|
||||
<!-- Hero Widget ******************* -->
|
||||
|
||||
<Hero
|
||||
callToAction={{ text: 'Get template', href: 'https://github.com/onwidget/astrowind', icon: 'tabler:download' }}
|
||||
callToAction={{
|
||||
targetBlank: true,
|
||||
text: 'Get template',
|
||||
href: 'https://github.com/onwidget/astrowind',
|
||||
icon: 'tabler:download',
|
||||
}}
|
||||
callToAction2={{ text: 'Learn more', href: '#features' }}
|
||||
image={{ src: '~/assets/images/hero.png', alt: 'AstroWind Hero Image' }}
|
||||
>
|
||||
@ -320,7 +325,7 @@ const metadata = {
|
||||
title="Frequently Asked Questions"
|
||||
subtitle="Dive into the following questions to gain insights into the powerful features that AstroWind offers and how it can elevate your web development journey."
|
||||
tagline="FAQs"
|
||||
classes={{ container: 'max-w-6xl'}}
|
||||
classes={{ container: 'max-w-6xl' }}
|
||||
items={[
|
||||
{
|
||||
title: 'Why AstroWind?',
|
||||
|
||||
@ -1,8 +1,10 @@
|
||||
---
|
||||
import Layout from '~/layouts/LandingLayout.astro';
|
||||
|
||||
import Hero from '~/components/widgets/Hero.astro';
|
||||
import CallToAction from '~/components/widgets/CallToAction.astro';
|
||||
import Hero2 from '~/components/widgets/Hero2.astro';
|
||||
import Contact from '~/components/widgets/Contact.astro';
|
||||
import Testimonials from '~/components/widgets/Testimonials.astro';
|
||||
import Features from '~/components/widgets/Features.astro';
|
||||
|
||||
const metadata = {
|
||||
title: 'Lead Generation Landing Page Demo',
|
||||
@ -12,25 +14,150 @@ const metadata = {
|
||||
<Layout metadata={metadata}>
|
||||
<!-- Hero2 Widget ******************* -->
|
||||
|
||||
<Hero
|
||||
<Hero2
|
||||
tagline="Lead Generation Landing Demo"
|
||||
title="Effective Lead Generation Landing Page: Unlock the Secrets"
|
||||
subtitle="Discover the secrets to creating a Landing Page that turns curious visitors into eager leads. (Your Hero should grab attention instantly. Use a powerful headline that speaks directly to your target audience.)"
|
||||
callToAction={{ text: 'Call to Action', href: '#', icon: 'tabler:square-rounded-arrow-right' }}
|
||||
callToAction2={{ text: 'Learn more', href: '#' }}
|
||||
title="Unlock your website's potential with a Free SEO Audit!"
|
||||
callToAction={{ text: 'Get your Free Audit', href: '#contact' }}
|
||||
image={{
|
||||
src: 'https://images.unsplash.com/photo-1597423498219-04418210827d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1674&q=80',
|
||||
alt: 'Magnet attracting screws. Lead generation landing page demo',
|
||||
src: 'https://images.unsplash.com/photo-1517048676732-d65bc937f952?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2940&q=80',
|
||||
alt: 'People receiving a Free SEO Audit',
|
||||
}}
|
||||
>
|
||||
<Fragment slot="subtitle">
|
||||
Discover hidden opportunities to rank higher, drive more traffic, and boost conversions. <span
|
||||
class="hidden sm:inline"
|
||||
>Sign up for our free SEO audit, and you'll receive a comprehensive analysis of your website's current
|
||||
performance.</span
|
||||
>
|
||||
</Fragment>
|
||||
</Hero2>
|
||||
|
||||
<!-- Features Widget *************** -->
|
||||
|
||||
<Features
|
||||
title="What you'll get"
|
||||
subtitle="Are you struggling to rank higher on search engines? Is your website not attracting the traffic it deserves? Our digital marketing agency will provide you with:"
|
||||
items={[
|
||||
{
|
||||
title: 'In-depth SEO assessment tailored to your business',
|
||||
description:
|
||||
'Receive a thorough evaluation tailored to your business, pinpointing optimization opportunities and paving the way for improved search visibility and performance.',
|
||||
icon: 'tabler:gift',
|
||||
},
|
||||
{
|
||||
title: 'Identification of critical optimization opportunities',
|
||||
description:
|
||||
'Uncover key areas for enhancement, ensuring your website is finely tuned to attract organic traffic and engage potential customers effectively.',
|
||||
icon: 'tabler:gift',
|
||||
},
|
||||
{
|
||||
title: `Personalized suggestions to boost your website's search visibility`,
|
||||
description: `Benefit from custom recommendations designed to enhance your website's search engine rankings, resulting in increased online presence and better chances of attracting quality leads.`,
|
||||
icon: 'tabler:gift',
|
||||
},
|
||||
{
|
||||
title: 'Detailed report highlighting areas for improvement',
|
||||
description: `Get a comprehensive report highlighting areas for refinement, enabling you to fine-tune your online strategy and elevate your website's overall effectiveness.`,
|
||||
icon: 'tabler:gift',
|
||||
},
|
||||
]}
|
||||
/>
|
||||
|
||||
<CallToAction
|
||||
title="Coming soon"
|
||||
subtitle="We are working on the content of these demo pages. You will see them very soon. Stay tuned Stay tuned!"
|
||||
callToAction={{
|
||||
text: 'Get template',
|
||||
href: 'https://github.com/onwidget/astrowind',
|
||||
icon: 'tabler:download',
|
||||
}}
|
||||
<Features
|
||||
title="Benefits of the offer"
|
||||
subtitle="Our free SEO audit is your first step towards online success. By identifying and addressing your website's SEO gaps, you'll experience:"
|
||||
columns={2}
|
||||
items={[
|
||||
{
|
||||
title: 'Improved search engine rankings for targeted keywords',
|
||||
description: `Through a comprehensive SEO audit, the agency identifies relevant keywords and offers optimization guidance for your website's content, structure, and meta tags. This boosts the likelihood of higher search engine rankings for those keywords.`,
|
||||
icon: 'tabler:thumb-up',
|
||||
},
|
||||
{
|
||||
title: 'Enhanced organic traffic and visibility',
|
||||
description:
|
||||
'The SEO audit reveals optimization opportunities for higher organic traffic by addressing technical issues, guiding content creation, and improving search visibility to attract relevant visitors interested in your offerings.',
|
||||
icon: 'tabler:thumb-up',
|
||||
},
|
||||
{
|
||||
title: 'Increased chances of attracting quality leads and conversions',
|
||||
description:
|
||||
'Higher search rankings draw "high-intent" users seeking your offerings, with greater conversion potential. The SEO audit optimizes your site, boosting lead engagement and conversions.',
|
||||
icon: 'tabler:thumb-up',
|
||||
},
|
||||
{
|
||||
title: 'A solid foundation for future digital marketing strategies',
|
||||
description: `Insights from the SEO audit guide future marketing efforts. Addressing optimizations enhances site health, setting a strong base for content, ads, and social campaigns. Boosting your site's SEO amplifies broader marketing strategies' impact.`,
|
||||
icon: 'tabler:thumb-up',
|
||||
},
|
||||
]}
|
||||
/>
|
||||
|
||||
<!-- Contact Widget ******************* -->
|
||||
|
||||
<Contact
|
||||
id="contact"
|
||||
title="Sign up now!"
|
||||
subtitle="You'll receive a free comprehensive SEO audit report for your website, highlighting areas for improvement and growth."
|
||||
inputs={[
|
||||
{
|
||||
type: 'text',
|
||||
name: 'name',
|
||||
label: 'Name',
|
||||
},
|
||||
{
|
||||
type: 'text',
|
||||
name: 'company',
|
||||
label: 'Company',
|
||||
},
|
||||
{
|
||||
type: 'email',
|
||||
name: 'email',
|
||||
label: 'Email',
|
||||
},
|
||||
{
|
||||
type: 'email',
|
||||
name: 'website',
|
||||
label: 'Website URL',
|
||||
},
|
||||
]}
|
||||
button="Get your Free Audit"
|
||||
description="We use your information exclusively for the free SEO audit and do not share it with third parties."
|
||||
/>
|
||||
|
||||
<!-- Testimonials Widget *********** -->
|
||||
|
||||
<Testimonials
|
||||
title="Results speak louder"
|
||||
subtitle="Hear from those who took their SEO to the next level."
|
||||
testimonials={[
|
||||
{
|
||||
testimonial: `Their expertise in SEO helped us increase our organic traffic by 200% within just a few months. The free SEO audit was the first step that led to remarkable results!`,
|
||||
name: 'John Smith',
|
||||
job: 'CEO of ABC Company',
|
||||
image: {
|
||||
src: 'https://images.unsplash.com/photo-1500648767791-00dcc994a43e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=774&q=80',
|
||||
alt: 'John Smith',
|
||||
},
|
||||
},
|
||||
{
|
||||
testimonial: `I was amazed by the insights provided in the free SEO audit. Their team's recommendations were practical and easy to implement. As a result, our website's organic traffic increased by 50% in just a few months.`,
|
||||
name: 'Jane Doe',
|
||||
job: 'Marketing Manager at DEF Corporation',
|
||||
image: {
|
||||
src: 'https://images.unsplash.com/photo-1554151228-14d9def656e4?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=772&q=80',
|
||||
alt: 'Jane Doe',
|
||||
},
|
||||
},
|
||||
{
|
||||
testimonial: `In-depth analysis and personalized suggestions helped us identify and fix critical SEO issues. Since then, our search rankings have improved significantly, driving more targeted leads to our site.`,
|
||||
name: 'Mark Johnson',
|
||||
job: 'Owner of XYZ Solutions',
|
||||
image: {
|
||||
src: 'https://images.unsplash.com/photo-1566492031773-4f4e44671857?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=774&q=80',
|
||||
alt: 'Mark Johnson',
|
||||
},
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</Layout>
|
||||
|
||||
@ -18,7 +18,7 @@ const metadata = {
|
||||
tagline="Services"
|
||||
title="Elevate your projects with our stunning templates"
|
||||
subtitle="Explore our meticulously crafted templates tailored to various industries and purposes. From captivating presentations to functional website designs, we offer the tools you need to succeed."
|
||||
callToAction={{ text: 'Start exploring', href: '/' }}
|
||||
callToAction={{ targetBlank: true, text: 'Start exploring', href: '/' }}
|
||||
image={{
|
||||
src: 'https://images.unsplash.com/photo-1519389950473-47ba0277781c?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1740&q=80',
|
||||
alt: 'AstroWind Hero Image',
|
||||
|
||||
Reference in New Issue
Block a user