From e940d0aa30f2eb3345f08c2deba21a853545134a Mon Sep 17 00:00:00 2001 From: AshishScaletech Date: Tue, 26 Nov 2024 15:47:58 +0530 Subject: [PATCH 1/7] design apply page --- src/data_files/LandingPageprice.json | 2 +- src/data_files/landingPageNav.json | 4 +- src/layouts/MainLayout.astro | 4 +- src/pages/apply/index.astro | 145 +++++++++++++++++++++++++++ src/pages/apps/[...slug].astro | 4 +- src/pages/apps/index.astro | 4 +- src/pages/download.astro | 6 +- src/utils/navigation.ts | 2 +- 8 files changed, 159 insertions(+), 12 deletions(-) create mode 100644 src/pages/apply/index.astro 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..b8ac786 100644 --- a/src/data_files/landingPageNav.json +++ b/src/data_files/landingPageNav.json @@ -12,8 +12,8 @@ { "label": "Contact", "href": "/contact" } ], "button": { - "label": "Download", - "href": "/download", + "label": "Apply", + "href": "/apply", "class": "btn bg-gradiant" } } 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..554b674 --- /dev/null +++ b/src/pages/apply/index.astro @@ -0,0 +1,145 @@ +--- +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'; + +const pageTitle: string = `Apply | ${SITE.title}`; + +const users = [ + { imgSrc: userImage1, alt: 'User 1' }, + { imgSrc: userImage2, alt: 'User 2' }, + { imgSrc: userImage3, alt: 'User 3' }, +]; +--- + + + +
+
+
+
+ +
+

+ Crawlora +

+
+ + +
+

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

+
+ +
+

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

+
+ +
+
+
+ { + users.map((user) => ( +
+ {user.alt} +
+ )) + } +
+
+ 99+ +
+
+
+
+
+
99+ user
+

+ 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/utils/navigation.ts b/src/utils/navigation.ts index cc1368c..64f29dc 100644 --- a/src/utils/navigation.ts +++ b/src/utils/navigation.ts @@ -6,7 +6,7 @@ const navBarLinks = [ { 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", From 6e7bab697c83b5fb25ccc4bcd047eb958cf0815e Mon Sep 17 00:00:00 2001 From: yashdobariya-scaletech Date: Tue, 26 Nov 2024 19:16:03 +0530 Subject: [PATCH 2/7] fix: text color and background related changes --- src/pages/apply/index.astro | 125 ++++++++++++++++-------------------- 1 file changed, 56 insertions(+), 69 deletions(-) diff --git a/src/pages/apply/index.astro b/src/pages/apply/index.astro index 554b674..de65973 100644 --- a/src/pages/apply/index.astro +++ b/src/pages/apply/index.astro @@ -1,135 +1,121 @@ --- -import { SITE } from '@/data_files/constants'; -import { Image } from 'astro:assets'; -import MainLayout from '@/layouts/MainLayout.astro'; +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 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"; const pageTitle: string = `Apply | ${SITE.title}`; const users = [ - { imgSrc: userImage1, alt: 'User 1' }, - { imgSrc: userImage2, alt: 'User 2' }, - { imgSrc: userImage3, alt: 'User 3' }, + { imgSrc: userImage1, alt: "User 1" }, + { imgSrc: userImage2, alt: "User 2" }, + { imgSrc: userImage3, alt: "User 3" }, ]; --- -
-
+
-
-

+
+

Crawlora

-
-

- Ready to unlock the power of web data?
+
+

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

+ src='https://tally.so/embed/3qEW67?alignLeft=1&hideTitle=1&transparentBackground=1&dynamicHeight=1' + width='100%' + height='300' + class='rounded-md border border-gray-200 dark:border-gray-700' + style='border: none;' + aria-label='Apply Form'>
-

+

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

-
-
-
+
+
+
{ users.map((user) => ( -
+
{user.alt}
)) } -
+
99+
-
-
99+ user
-

+

+
+ 99+ users +
+

Turning Data into Actionable Insights, Seamlessly.

@@ -137,6 +123,7 @@ const users = [

+ From a6af8fdb9af2849176b72f07b0faed9a8103491c Mon Sep 17 00:00:00 2001 From: yashdobariya-scaletech Date: Wed, 27 Nov 2024 14:10:49 +0530 Subject: [PATCH 4/7] fix: remove user count and ui changes --- .../sections/landing/LandingHero.astro | 66 +++++++------- .../sections/pricing/LandingPagePrice.astro | 52 ++++++----- src/pages/apply/index.astro | 89 +++++++++---------- 3 files changed, 99 insertions(+), 108 deletions(-) diff --git a/src/components/sections/landing/LandingHero.astro b/src/components/sections/landing/LandingHero.astro index 58e453d..f820349 100644 --- a/src/components/sections/landing/LandingHero.astro +++ b/src/components/sections/landing/LandingHero.astro @@ -1,72 +1,70 @@ --- -import homeSectionData from '@data/LandingPageHome.json'; +import homeSectionData from "@data/LandingPageHome.json"; -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 homeBg from '../../../pages/images/home/home5-bg.png'; -import { Image } from 'astro:assets'; +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"; const users = [ - { imgSrc: userImage1, alt: 'User 1' }, - { imgSrc: userImage2, alt: 'User 2' }, - { imgSrc: userImage3, alt: 'User 3' }, + { imgSrc: userImage1, alt: "User 1" }, + { imgSrc: userImage2, alt: "User 2" }, + { imgSrc: userImage3, alt: "User 3" }, + { imgSrc: userImage4, alt: "User 4" }, ]; ---
-
-
-
-
+
+
+
+
{ - Array.from('CRAWLORA').map((letter, index) => ( + Array.from("CRAWLORA").map((letter, index) => ( {letter} )) }
-

{homeSectionData.title}

-

{homeSectionData.description}

+

{homeSectionData.title}

+

{homeSectionData.description}

-
-
-
-
-
+
+
+
{ users.map((user) => ( -
+
{user.alt}
)) } -
-

99+

-
-
-
{homeSectionData.userCountText}
-

+

+

{homeSectionData.userCountDescription}

-
- Home Image +
+ Home Image
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/pages/apply/index.astro b/src/pages/apply/index.astro index 33a15a8..9cde85d 100644 --- a/src/pages/apply/index.astro +++ b/src/pages/apply/index.astro @@ -1,114 +1,109 @@ --- -import { SITE } from '@/data_files/constants'; -import { Image } from 'astro:assets'; -import MainLayout from '@/layouts/MainLayout.astro'; +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 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"; const pageTitle: string = `Apply | ${SITE.title}`; const users = [ - { imgSrc: userImage1, alt: 'User 1' }, - { imgSrc: userImage2, alt: 'User 2' }, - { imgSrc: userImage3, alt: 'User 3' }, + { imgSrc: userImage1, alt: "User 1" }, + { imgSrc: userImage2, alt: "User 2" }, + { imgSrc: userImage3, alt: "User 3" }, ]; ---
-
+
-
+

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

+ src='https://tally.so/embed/3qEW67?alignLeft=1&hideTitle=1&transparentBackground=1&dynamicHeight=1' + width='100%' + height='300' + class='rounded-md border border-gray-200 dark:border-gray-700' + style='border: none;' + aria-label='Apply Form'>
-

+

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

-
-
-
+
+
+
{ users.concat(users).map((user, index) => ( -
+
{user.alt}
)) } { users.concat(users).map((user, index) => ( -
+
{user.alt}
)) }
-
-
- 99+ users -
+

Turning Data into Actionable Insights, Seamlessly.

From b1739c7c6f9446977fecd07e092b2e5f90a62958 Mon Sep 17 00:00:00 2001 From: yashdobariya-scaletech Date: Wed, 27 Nov 2024 15:14:05 +0530 Subject: [PATCH 5/7] change: remove pricing section --- src/data_files/landingPageNav.json | 28 ++++-- src/pages/pricing.astro | 156 ----------------------------- src/utils/navigation.ts | 57 ++++++----- 3 files changed, 51 insertions(+), 190 deletions(-) delete mode 100644 src/pages/pricing.astro diff --git a/src/data_files/landingPageNav.json b/src/data_files/landingPageNav.json index b8ac786..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": "Apply", "href": "/apply", "class": "btn bg-gradiant" } -} +} \ No newline at end of file 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 64f29dc..5e896c1 100644 --- a/src/utils/navigation.ts +++ b/src/utils/navigation.ts @@ -3,7 +3,7 @@ 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: "Apply", url: "/apply" }, @@ -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, From 7cb1acff8c9c04a88eb6697aba0cc6d8287b819a Mon Sep 17 00:00:00 2001 From: AshishScaletech Date: Wed, 27 Nov 2024 15:38:19 +0530 Subject: [PATCH 6/7] hero section set user scroll slide --- .../sections/landing/LandingHero.astro | 113 +++++++++++++----- 1 file changed, 80 insertions(+), 33 deletions(-) diff --git a/src/components/sections/landing/LandingHero.astro b/src/components/sections/landing/LandingHero.astro index f820349..8cac478 100644 --- a/src/components/sections/landing/LandingHero.astro +++ b/src/components/sections/landing/LandingHero.astro @@ -1,71 +1,118 @@ --- -import homeSectionData from "@data/LandingPageHome.json"; +import homeSectionData from '@data/LandingPageHome.json'; -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 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'; const users = [ - { imgSrc: userImage1, alt: "User 1" }, - { imgSrc: userImage2, alt: "User 2" }, - { imgSrc: userImage3, alt: "User 3" }, - { imgSrc: userImage4, alt: "User 4" }, + { imgSrc: userImage1, alt: 'User 1' }, + { imgSrc: userImage2, alt: 'User 2' }, + { imgSrc: userImage3, alt: 'User 3' }, + { imgSrc: userImage4, alt: 'User 4' }, ]; ---
-
-
-
-
+
+
+
+
{ - Array.from("CRAWLORA").map((letter, index) => ( + Array.from('CRAWLORA').map((letter, index) => ( {letter} )) }
-

{homeSectionData.title}

-

{homeSectionData.description}

+

{homeSectionData.title}

+

{homeSectionData.description}

-
-
-
-
-
+
+
+
{ - users.map((user) => ( -
+ users.concat(users).map((user, index) => ( +
{user.alt} +
+ )) + } + { + users.concat(users).map((user, index) => ( +
+ {user.alt}
)) }
-
-

+

+

{homeSectionData.userCountDescription}

-
- Home Image +
+ Home Image
+ From 5a569d45e55ce38bc4c3ac8c7c764f93e518deb2 Mon Sep 17 00:00:00 2001 From: AshishScaletech Date: Wed, 27 Nov 2024 16:34:23 +0530 Subject: [PATCH 7/7] add userslider comman component --- .../sections/landing/LandingHero.astro | 64 +------- src/components/ui/userSlider/UserSlider.astro | 80 ++++++++++ src/pages/apply/index.astro | 140 +++++------------- 3 files changed, 122 insertions(+), 162 deletions(-) create mode 100644 src/components/ui/userSlider/UserSlider.astro diff --git a/src/components/sections/landing/LandingHero.astro b/src/components/sections/landing/LandingHero.astro index 8cac478..e34349e 100644 --- a/src/components/sections/landing/LandingHero.astro +++ b/src/components/sections/landing/LandingHero.astro @@ -8,6 +8,7 @@ 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' }, @@ -41,32 +42,7 @@ const users = [ >
-
-
- { - users.concat(users).map((user, index) => ( -
- {user.alt} -
- )) - } - { - users.concat(users).map((user, index) => ( -
- {user.alt} -
- )) - } -
-
+

{homeSectionData.userCountDescription} @@ -80,39 +56,3 @@ const users = [

- 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/pages/apply/index.astro b/src/pages/apply/index.astro index 9cde85d..20fbf85 100644 --- a/src/pages/apply/index.astro +++ b/src/pages/apply/index.astro @@ -1,109 +1,87 @@ --- -import { SITE } from "@/data_files/constants"; -import { Image } from "astro:assets"; -import MainLayout from "@/layouts/MainLayout.astro"; +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 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: 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!

+ src="https://tally.so/embed/3qEW67?alignLeft=1&hideTitle=1&transparentBackground=1&dynamicHeight=1" + width="100%" + height="300" + class="rounded-md border border-gray-200 dark:border-gray-700" + style="border: none;" + aria-label="Apply Form">
-

+

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

-
-
-
- { - users.concat(users).map((user, index) => ( -
- {user.alt} -
- )) - } - { - users.concat(users).map((user, index) => ( -
- {user.alt} -
- )) - } -
-
-
+
+ +

Turning Data into Actionable Insights, Seamlessly.

@@ -112,41 +90,3 @@ const users = [
- -