diff --git a/src/components/ui/Timeline.astro b/src/components/ui/Timeline.astro index bb25330..b393b50 100644 --- a/src/components/ui/Timeline.astro +++ b/src/components/ui/Timeline.astro @@ -49,7 +49,7 @@ const { )}
diff --git a/src/components/widgets/Features.astro b/src/components/widgets/Features.astro index 46d9bc0..fd0f64d 100644 --- a/src/components/widgets/Features.astro +++ b/src/components/widgets/Features.astro @@ -11,6 +11,8 @@ const { items = [], columns = 2, + defaultIcon, + id, isDark = false, classes = {}, @@ -33,6 +35,7 @@ const { + +
+
+
+
+ {tagline && ( +

+ )} + { + title && ( +

+ ) + } +
+ {subtitle &&

} +

+ { + callToAction && ( +
+ {typeof callToAction === 'string' ? ( + + ) : ( + + {callToAction?.icon && ( + <> + + + )} + {callToAction?.text} + + )} +
+ ) + } + { + callToAction2 && ( +
+ {typeof callToAction2 === 'string' ? ( + + ) : ( + + {callToAction2?.icon && ( + <> + +   + + )} + {callToAction2.text} + + )} +
+ ) + } +
+
+ {content && } +

+
+
+ diff --git a/src/components/widgets/Steps.astro b/src/components/widgets/Steps.astro index fde8052..ecc6291 100644 --- a/src/components/widgets/Steps.astro +++ b/src/components/widgets/Steps.astro @@ -1,54 +1,59 @@ --- -import WidgetWrapper from "~/components/ui/WidgetWrapper.astro"; -import Timeline from "~/components/ui/Timeline.astro"; -import Headline from "~/components/ui/Headline.astro"; +import WidgetWrapper from '~/components/ui/WidgetWrapper.astro'; +import Timeline from '~/components/ui/Timeline.astro'; +import Headline from '~/components/ui/Headline.astro'; import Image from '~/components/common/Image.astro'; -import type { Steps } from "~/types"; +import type { Steps } from '~/types'; const { - title = await Astro.slots.render("title"), - subtitle = await Astro.slots.render("subtitle"), - tagline = await Astro.slots.render("tagline"), + title = await Astro.slots.render('title'), + subtitle = await Astro.slots.render('subtitle'), + tagline = await Astro.slots.render('tagline'), items = [], - image = await Astro.slots.render("image"), + image = await Astro.slots.render('image'), isReversed = false, id, isDark = false, classes = {}, - bg = await Astro.slots.render("bg"), + bg = await Astro.slots.render('bg'), } = Astro.props as Steps; --- - -
-
+ +
+
-
- { - image && - (typeof image === 'string' ? ( - + { + image && ( +
+ {(typeof image === 'string' ? ( + ) : ( - {image?.alt - )) - } -
+ {image?.alt + ))} +
+ ) + }
diff --git a/src/navigation.js b/src/navigation.js index 61722df..1964e34 100644 --- a/src/navigation.js +++ b/src/navigation.js @@ -14,7 +14,7 @@ export const headerData = { href: getPermalink('/homes/startup'), }, { - text: 'App Download', + text: 'Mobile App', href: getPermalink('/homes/mobile-app'), }, { @@ -71,10 +71,6 @@ export const headerData = { text: 'Click-Through', href: getPermalink('/landing/click-through'), }, - { - text: 'Squeeze', - href: getPermalink('/landing/squeeze'), - }, { text: 'Product Details (or Services)', href: getPermalink('/landing/product'), @@ -83,6 +79,10 @@ export const headerData = { text: 'Coming Soon or Pre-Launch', href: getPermalink('/landing/pre-launch'), }, + { + text: 'Subscription', + href: getPermalink('/landing/subscription'), + }, ], }, { diff --git a/src/pages/about.astro b/src/pages/about.astro index 842da69..648e158 100644 --- a/src/pages/about.astro +++ b/src/pages/about.astro @@ -15,6 +15,7 @@ const metadata = { + + + + - - - - diff --git a/src/pages/homes/mobile-app.astro b/src/pages/homes/mobile-app.astro index 5a79a11..4130be6 100644 --- a/src/pages/homes/mobile-app.astro +++ b/src/pages/homes/mobile-app.astro @@ -18,6 +18,7 @@ const metadata = { +
- + I'm a Graphic Designer passionate about crafting visual stories.
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 @@ -100,7 +96,6 @@ const metadata = { @@ -136,10 +128,7 @@ const metadata = { icon: 'tabler:school', }, ]} - image={{ - src: 'https://images.unsplash.com/photo-1557672172-298e090bd0f1?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=774&q=80', - alt: 'Steps image', - }} + classes={{ container: 'max-w-3xl' }} /> @@ -148,51 +137,43 @@ const metadata = { title="Skills" subtitle="Discover the proficiencies that allow me to bring imagination to life through design." columns={3} + defaultIcon="tabler:point-filled" items={[ { title: 'Graphic design', description: 'Proficient in crafting visually appealing designs that convey messages effectively.', - icon: 'tabler:point-filled', }, { title: 'Branding and identity', description: 'Skilled at developing cohesive brand identities, including logos and brand guidelines.', - icon: 'tabler:point-filled', }, { title: 'User-centered design', description: 'Experienced in creating user-friendly interfaces and optimizing user experiences.', - icon: 'tabler:point-filled', }, { title: 'Adobe Creative Suite', description: 'Skilled in using Photoshop, Illustrator, and InDesign to create and edit visual elements.', - icon: 'tabler:point-filled', }, { title: 'Typography', description: 'Adept in selecting and manipulating typefaces to enhance design aesthetics.', - icon: 'tabler:point-filled', }, { title: 'Color theory', description: 'Proficient in using color to evoke emotions and enhance visual harmony.', - icon: 'tabler:point-filled', }, { title: 'Print and digital design', description: 'Knowledgeable in designing for both print materials and digital platforms.', - icon: 'tabler:point-filled', }, { title: 'Attention to detail', description: 'Diligent in maintaining precision and quality in all design work.', - icon: 'tabler:point-filled', }, { title: 'Adaptability', description: 'Quick to adapt to new design trends, technologies, and client preferences.', - icon: 'tabler:point-filled', }, ]} /> @@ -380,4 +361,11 @@ const metadata = { href: '/', }} /> + + + + +
+ + diff --git a/src/pages/homes/saas.astro b/src/pages/homes/saas.astro index eb2d538..5404e6a 100644 --- a/src/pages/homes/saas.astro +++ b/src/pages/homes/saas.astro @@ -38,6 +38,7 @@ const metadata = { diff --git a/src/pages/landing/click-through.astro b/src/pages/landing/click-through.astro index bb302e7..e8f518d 100644 --- a/src/pages/landing/click-through.astro +++ b/src/pages/landing/click-through.astro @@ -2,6 +2,7 @@ import Layout from '~/layouts/LandingLayout.astro'; import Hero2 from '~/components/widgets/Hero2.astro'; +import CallToAction from "~/components/widgets/CallToAction.astro" const metadata = { title: 'Click-through Landing Page Demo', @@ -12,14 +13,24 @@ const metadata = { + + diff --git a/src/pages/landing/lead-generation.astro b/src/pages/landing/lead-generation.astro index 4f06f04..851b015 100644 --- a/src/pages/landing/lead-generation.astro +++ b/src/pages/landing/lead-generation.astro @@ -1,7 +1,8 @@ --- import Layout from '~/layouts/LandingLayout.astro'; -import Hero2 from '~/components/widgets/Hero2.astro'; +import Hero from '~/components/widgets/Hero.astro'; +import CallToAction from '~/components/widgets/CallToAction.astro'; const metadata = { title: 'Lead Generation Landing Page Demo', @@ -11,15 +12,25 @@ const metadata = { - + + diff --git a/src/pages/landing/pre-launch.astro b/src/pages/landing/pre-launch.astro index d3dc09f..4376c28 100644 --- a/src/pages/landing/pre-launch.astro +++ b/src/pages/landing/pre-launch.astro @@ -2,9 +2,10 @@ import Layout from '~/layouts/LandingLayout.astro'; import Hero2 from '~/components/widgets/Hero2.astro'; +import CallToAction from '~/components/widgets/CallToAction.astro'; const metadata = { - title: 'Coming Soon Landing Page', + title: 'Pre-Launch Landing Page', }; --- @@ -12,14 +13,24 @@ const metadata = { + + diff --git a/src/pages/landing/product.astro b/src/pages/landing/product.astro index 4a0ca4b..dfa0c73 100644 --- a/src/pages/landing/product.astro +++ b/src/pages/landing/product.astro @@ -1,7 +1,8 @@ --- import Layout from '~/layouts/LandingLayout.astro'; -import Hero2 from '~/components/widgets/Hero2.astro'; +import Hero from '~/components/widgets/Hero.astro'; +import CallToAction from '~/components/widgets/CallToAction.astro'; const metadata = { title: 'Product Details Landing Page Demo', @@ -11,15 +12,25 @@ const metadata = { - + + diff --git a/src/pages/landing/sales.astro b/src/pages/landing/sales.astro index f2e2257..4bce13a 100644 --- a/src/pages/landing/sales.astro +++ b/src/pages/landing/sales.astro @@ -2,6 +2,7 @@ import Layout from '~/layouts/LandingLayout.astro'; import Hero2 from '~/components/widgets/Hero2.astro'; +import CallToAction from '~/components/widgets/CallToAction.astro'; const metadata = { title: 'Sales Landing Page Demo', @@ -12,14 +13,24 @@ const metadata = { + + diff --git a/src/pages/landing/squeeze.astro b/src/pages/landing/squeeze.astro deleted file mode 100644 index 1c6807f..0000000 --- a/src/pages/landing/squeeze.astro +++ /dev/null @@ -1,25 +0,0 @@ ---- -import Layout from '~/layouts/LandingLayout.astro'; - -import Hero2 from '~/components/widgets/Hero2.astro'; - -const metadata = { - title: 'Squeeze Landing Page Demo', -}; ---- - - - - - - diff --git a/src/pages/landing/subscription.astro b/src/pages/landing/subscription.astro new file mode 100644 index 0000000..1a1f264 --- /dev/null +++ b/src/pages/landing/subscription.astro @@ -0,0 +1,36 @@ +--- +import Layout from '~/layouts/LandingLayout.astro'; + +import Hero2 from '~/components/widgets/Hero2.astro'; +import CallToAction from '~/components/widgets/CallToAction.astro'; + +const metadata = { + title: 'Subscription Landing Page Demo', +}; +--- + + + + + + + + diff --git a/src/pages/pricing.astro b/src/pages/pricing.astro index 2a6f817..a36d6ad 100644 --- a/src/pages/pricing.astro +++ b/src/pages/pricing.astro @@ -1,5 +1,6 @@ --- import Layout from '~/layouts/PageLayout.astro'; +import HeroText from '~/components/widgets/HeroText.astro'; import Prices from '~/components/widgets/Pricing.astro'; import FAQs from '~/components/widgets/FAQs.astro'; import Steps from '~/components/widgets/Steps.astro'; @@ -12,6 +13,14 @@ const metadata = { --- + + + + - + -