diff --git a/src/components/sections/landing/LandingHero.astro b/src/components/sections/landing/LandingHero.astro index 58e453d..e34349e 100644 --- a/src/components/sections/landing/LandingHero.astro +++ b/src/components/sections/landing/LandingHero.astro @@ -5,13 +5,16 @@ import homeImage from '../../../pages/images/home/home-5.png'; import userImage1 from '../../../pages/images/user/img-1.jpg'; import userImage2 from '../../../pages/images/user/img-2.jpg'; import userImage3 from '../../../pages/images/user/img-3.jpg'; +import userImage4 from '../../../pages/images/user/img-4.jpg'; import homeBg from '../../../pages/images/home/home5-bg.png'; import { Image } from 'astro:assets'; +import UserSlider from '@/components/ui/userSlider/UserSlider.astro'; const users = [ { imgSrc: userImage1, alt: 'User 1' }, { imgSrc: userImage2, alt: 'User 2' }, { imgSrc: userImage3, alt: 'User 3' }, + { imgSrc: userImage4, alt: 'User 4' }, ]; --- @@ -39,26 +42,8 @@ const users = [ >
-
-
- { - users.map((user) => ( -
- {user.alt} -
- )) - } -
-

99+

-
-
-
-
-
{homeSectionData.userCountText}
+ +

{homeSectionData.userCountDescription}

diff --git a/src/components/sections/pricing/LandingPagePrice.astro b/src/components/sections/pricing/LandingPagePrice.astro index 597923c..37d9063 100644 --- a/src/components/sections/pricing/LandingPagePrice.astro +++ b/src/components/sections/pricing/LandingPagePrice.astro @@ -1,56 +1,54 @@ --- -import betaLaunchData from '../../../../src/data_files/betaLaunchContent.json'; +import betaLaunchData from "../../../../src/data_files/betaLaunchContent.json"; const checkIcon = - 'mdi mdi-check-circle-outline f-20 text-primary me-2 align-middle'; + "mdi mdi-check-circle-outline f-20 text-primary me-2 align-middle"; --- -
-
-
-
-
-
🚀 Beta Launch Exclusive
-

- Be the First to Try Our New Product! -

-

+

+
+
+
+
+
🚀 Beta Launch Exclusive
+

Be the First to Try Crawlora!

+

Limited spots available for early adopters. Join now to shape the future of our product!

-
+
{ betaLaunchData.map((offer) => ( -
-
-
-
Exclusive Beta Offer
+
+
+
+
Exclusive Beta Offer
-
-
+
+
{offer.title}
-

{offer.description}

-
    +

    {offer.description}

    +
      {offer.features.map((feature) => ( -
    • +
    • {feature}
      • ))}
    -
    -
-
-

+

+

{offer.spotsRemaining} spots left! Don’t miss out!

diff --git a/src/components/ui/userSlider/UserSlider.astro b/src/components/ui/userSlider/UserSlider.astro new file mode 100644 index 0000000..5ba7a0d --- /dev/null +++ b/src/components/ui/userSlider/UserSlider.astro @@ -0,0 +1,80 @@ +--- +import { Image } from 'astro:assets'; + +const { + users = [], + containerWidth = '114px', // Default container width + imageSize = '48px', // Default size for images + animationDuration = '8s', // Default animation speed + overlapAmount = '12px', // Amount of overlap between images +} = Astro.props; +--- + +
+
+ { + users + .concat(users) + .map((user: { imgSrc: string; alt: string }, index: number) => ( +
+ {user.alt} +
+ )) + } +
+
+ + + + diff --git a/src/data_files/LandingPageprice.json b/src/data_files/LandingPageprice.json index 5b02a5e..c1c5c18 100644 --- a/src/data_files/LandingPageprice.json +++ b/src/data_files/LandingPageprice.json @@ -13,6 +13,6 @@ { "text": "No transaction fees", "enabled": true }, { "text": "Unlimited Storage", "enabled": true } ], - "cta": { "text": "Download Now", "link": "/download" } + "cta": { "text": "Apply Now", "link": "/apply" } } ] diff --git a/src/data_files/landingPageNav.json b/src/data_files/landingPageNav.json index 45cb1c1..9194e86 100644 --- a/src/data_files/landingPageNav.json +++ b/src/data_files/landingPageNav.json @@ -4,16 +4,30 @@ "brandComponent": "BrandLogo" }, "links": [ - { "label": "Home", "href": "/" }, - { "label": "Apps", "href": "/apps" }, - { "label": "Services", "href": "/services" }, - { "label": "Pricing", "href": "/pricing" }, - { "label": "Blogs", "href": "/blog" }, - { "label": "Contact", "href": "/contact" } + { + "label": "Home", + "href": "/" + }, + { + "label": "Apps", + "href": "/apps" + }, + { + "label": "Services", + "href": "/services" + }, + { + "label": "Blogs", + "href": "/blog" + }, + { + "label": "Contact", + "href": "/contact" + } ], "button": { - "label": "Download", - "href": "/download", + "label": "Apply", + "href": "/apply", "class": "btn bg-gradiant" } -} +} \ No newline at end of file diff --git a/src/layouts/MainLayout.astro b/src/layouts/MainLayout.astro index 15b2192..21ad806 100644 --- a/src/layouts/MainLayout.astro +++ b/src/layouts/MainLayout.astro @@ -62,7 +62,9 @@ We set the language of the page to English and add classes for scrollbar and scr Setting up the main structure of the page. The Navbar is placed at the top, with a slot for the main content and FooterSection at the bottom. --> -
+
diff --git a/src/pages/apply/index.astro b/src/pages/apply/index.astro new file mode 100644 index 0000000..20fbf85 --- /dev/null +++ b/src/pages/apply/index.astro @@ -0,0 +1,92 @@ +--- +import { SITE } from '@/data_files/constants'; +import { Image } from 'astro:assets'; +import MainLayout from '@/layouts/MainLayout.astro'; + +import userImage1 from '../../pages/images/user/img-1.jpg'; +import userImage2 from '../../pages/images/user/img-2.jpg'; +import userImage3 from '../../pages/images/user/img-3.jpg'; +import userImage4 from '../../pages/images/user/img-4.jpg'; +import UserSlider from '@/components/ui/userSlider/UserSlider.astro'; + +const pageTitle: string = `Apply | ${SITE.title}`; + +const users = [ + { imgSrc: userImage1, alt: 'User 1' }, + { imgSrc: userImage2, alt: 'User 2' }, + { imgSrc: userImage3, alt: 'User 3' }, + { imgSrc: userImage4, alt: 'User 4' }, +]; +--- + + +
+
+
+
+ +
+

+ Ready to unlock the power of web data scraping?
+ + Apply for free now! + +

+
+ +
+

+ If you are accepted, we’ll onboard you within 24-48 hours. +

+
+ +
+ +
+

+ Turning Data into Actionable Insights, Seamlessly. +

+
+
+
+
+ diff --git a/src/pages/apps/[...slug].astro b/src/pages/apps/[...slug].astro index e68bc37..9bd7275 100644 --- a/src/pages/apps/[...slug].astro +++ b/src/pages/apps/[...slug].astro @@ -86,12 +86,12 @@ const pageTitle: string = `${product.title} | ${SITE.title}`;
Install Try Out diff --git a/src/pages/apps/index.astro b/src/pages/apps/index.astro index d701f6e..a71635f 100644 --- a/src/pages/apps/index.astro +++ b/src/pages/apps/index.astro @@ -83,10 +83,10 @@ try {
- + Install - + Try Out @@ -131,8 +131,8 @@ function getOSAndArch() { ); if (match) { document.getElementById("download-button").innerHTML = ` - - Download For ${match.name} + + Apply For ${match.name} `; diff --git a/src/pages/pricing.astro b/src/pages/pricing.astro deleted file mode 100644 index a364c93..0000000 --- a/src/pages/pricing.astro +++ /dev/null @@ -1,156 +0,0 @@ ---- -import { SITE } from "@/data_files/constants"; -import MainLayout from "@/layouts/MainLayout.astro"; -import SecondaryCTA from "@components/ui/buttons/SecondaryCTA.astro"; -import Icon from "@components/ui/icons/Icon.astro"; - -type Product = { - name: string; - description: string; - price: string; - cents: string; - billingFrequency: string; - features: Array; - purchaseBtnTitle: string; - purchaseLink: string; -}; - -export interface PricingSectionProps { - title: string; - subTitle: string; - badge: string; - thirdOption: string; - btnText: string; - pricing: { - title: string; - subTitle: string; - starterKit: Product; - }; -} - -const pricing = { - title: "Simple, Transparent Pricing", - subTitle: - "Boost efficiency with Crawlora's clear, performance-driven solutions.", - badge: "Best value", - thirdOption: "Enterprise Solutions?", - btnText: "Get a Custom Quote", - - starterKit: { - name: "Usage Based", - description: "Only pay for what you use, nothing more.", - price: "0", - cents: ".01", - billingFrequency: "USD / seconds", - features: [ - "Superior Support", - "Free 3k seconds", - "Access to guides & tutorials", - "Access to all the Plugins, Apps", - ], - purchaseBtnTitle: "App Login", - purchaseLink: "https://app.crawlora.com?cta=pricing-btn-homepage", - }, -}; -const pageTitle: string = `Pricing | ${SITE.title}`; ---- - - -
-
-

- {pricing.title} -

-

- {pricing.subTitle} -

-
- -
-
-
-
-

- {pricing.starterKit.name} -

-

- {pricing.starterKit.description} -

-
- - {pricing.badge} -
- -
- {pricing.starterKit.price} - {pricing.starterKit.cents} - {pricing.starterKit.billingFrequency} -
- -
    - { - pricing.starterKit.features.map((feature) => ( -
  • - - {feature} -
    • - )) - } -
- - - {pricing.starterKit.purchaseBtnTitle} - -
-
- -
-

- {pricing.thirdOption} -

- -
-
- diff --git a/src/utils/navigation.ts b/src/utils/navigation.ts index cc1368c..5e896c1 100644 --- a/src/utils/navigation.ts +++ b/src/utils/navigation.ts @@ -3,10 +3,10 @@ const navBarLinks = [ { name: "Home", url: "/" }, { name: "Apps", url: "/apps" }, { name: "Services", url: "/services" }, - { name: "Pricing", url: "/pricing" }, + // { name: "Pricing", url: "/pricing" }, { name: "Blog", url: "/blog" }, { name: "Contact", url: "/contact" }, - { name: "Download", url: "/download" }, + { name: "Apply", url: "/apply" }, { name: "Login", url: "https://app.crawlora.com?cta=homepage-header-login-btn", @@ -47,42 +47,45 @@ const socialLinks = { const FooterSocialLinks = [ { - "href": "https://join.slack.com/t/dataminer-site/shared_invite/zt-2lvmboppf-FPPVWGwXDz6YAaLC5aYGTg", - "icon": "slackFooter" + href: "https://join.slack.com/t/dataminer-site/shared_invite/zt-2lvmboppf-FPPVWGwXDz6YAaLC5aYGTg", + icon: "slackFooter", }, { - "href": "https://x.com/crawlora", - "icon": "xFooter" + href: "https://x.com/crawlora", + icon: "xFooter", }, { - "href": "https://www.linkedin.com/company/crawlora/", - "icon": "linkedIn" + href: "https://www.linkedin.com/company/crawlora/", + icon: "linkedIn", }, { - "href": "https://github.com/crawlora-com", - "icon": "githubFooter" - } -] + href: "https://github.com/crawlora-com", + icon: "githubFooter", + }, +]; -const FooterSection =[ +const FooterSection = [ { - "title": "Ecosystem", - "links": [ - { "text": "Documentation", "href": "/welcome-to-docs/" }, - { "text": "Apps", "href": "/apps" }, - { "text": "Api Doc", "href": "https://apidoc.crawlora.com/?cta=homepage-footer" } - ] + title: "Ecosystem", + links: [ + { text: "Documentation", href: "/welcome-to-docs/" }, + { text: "Apps", href: "/apps" }, + { + text: "Api Doc", + href: "https://apidoc.crawlora.com/?cta=homepage-footer", + }, + ], }, { - "title": "Info", - "links": [ - { "text": "Use Cases", "href": "#" }, - { "text": "Blog", "href": "/blog" }, - { "text": "FAQs", "href": "/faq" }, - { "text": "Customers", "href": "#" } - ] - } -] + title: "Info", + links: [ + { text: "Use Cases", href: "#" }, + { text: "Blog", href: "/blog" }, + { text: "FAQs", href: "/faq" }, + { text: "Customers", href: "#" }, + ], + }, +]; export default { FooterSection,