Enable KeyStatic CMS for production
Changes: - Added Netlify adapter for server-side rendering - Changed output mode from static to server - Updated KeyStatic storage from local to GitHub - Removed SKIP_KEYSTATIC from Netlify build - KeyStatic Admin UI will be available at /keystatic Features: - Server-side rendering with Netlify Functions - GitHub integration for content management - Production-ready KeyStatic Admin UI Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Buğra Canata
@@ -0,0 +1,186 @@
|
||||
import { e as createAstro, c as createComponent, r as renderComponent, a as renderTemplate, F as Fragment, m as maybeRenderHead } from '../../chunks/astro/server_BfDhyAjM.mjs';
|
||||
import 'kleur/colors';
|
||||
import { $ as $$PageLayout, a as $$Header, b as $$Button } from '../../chunks/PageLayout_CDwIBOQs.mjs';
|
||||
import { $ as $$Hero2 } from '../../chunks/Hero2_IyzHLWsh.mjs';
|
||||
import { $ as $$CallToAction } from '../../chunks/CallToAction_Dok0D0et.mjs';
|
||||
import { $ as $$Features3 } from '../../chunks/Features3_wayAUiIh.mjs';
|
||||
import { $ as $$Content } from '../../chunks/Content_C1F3b01L.mjs';
|
||||
import { $ as $$Testimonials } from '../../chunks/Testimonials_lm1gbgHT.mjs';
|
||||
import { $ as $$FAQs } from '../../chunks/FAQs_Vju24_pw.mjs';
|
||||
import { $ as $$Stats } from '../../chunks/Stats_DktezWhj.mjs';
|
||||
import { $ as $$Image } from '../../chunks/Image_vHu_ShFT.mjs';
|
||||
export { renderers } from '../../renderers.mjs';
|
||||
|
||||
const $$Astro = createAstro("https://www.radio.org.tr");
|
||||
const $$MobileApp = createComponent(($$result, $$props, $$slots) => {
|
||||
const Astro2 = $$result.createAstro($$Astro, $$props, $$slots);
|
||||
Astro2.self = $$MobileApp;
|
||||
const appStoreImg = "~/assets/images/app-store.png";
|
||||
const appStoreDownloadLink = "https://github.com/onwidget/astrowind";
|
||||
const googlePlayImg = "~/assets/images/google-play.png";
|
||||
const googlePlayDownloadLink = "https://github.com/onwidget/astrowind";
|
||||
const metadata = {
|
||||
title: "Mobile App Homepage"
|
||||
};
|
||||
return renderTemplate`${renderComponent($$result, "Layout", $$PageLayout, { "metadata": metadata }, { "announcement": ($$result2) => renderTemplate`${renderComponent($$result2, "Fragment", Fragment, { "slot": "announcement" })}`, "default": ($$result2) => renderTemplate` ${renderComponent($$result2, "Hero2", $$Hero2, { "tagline": "Mobile App Web Demo", "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",
|
||||
alt: "AstroWind Hero Image"
|
||||
} }, { "actions": ($$result3) => renderTemplate`${maybeRenderHead()}<div class="flex max-w-sm gap-4"> ${renderComponent($$result3, "Button", $$Button, { "variant": "link", "href": appStoreDownloadLink }, { "default": ($$result4) => renderTemplate` ${renderComponent($$result4, "Image", $$Image, { "src": appStoreImg, "alt": "App Store Image", "width": 200 })} ` })} ${renderComponent($$result3, "Button", $$Button, { "variant": "link", "href": googlePlayDownloadLink }, { "default": ($$result4) => renderTemplate` ${renderComponent($$result4, "Image", $$Image, { "src": googlePlayImg, "alt": "Google Play Image", "width": 200 })} ` })} </div>`, "subtitle": ($$result3) => renderTemplate`${renderComponent($$result3, "Fragment", Fragment, { "slot": "subtitle" }, { "default": ($$result4) => renderTemplate` <span class="hidden sm:inline">
|
||||
Unlock boundless creativity at your fingertips: your gateway to innovative design.
|
||||
</span>
|
||||
Download now and embark on a journey to elevate your projects like never before.
|
||||
` })}`, "title": ($$result3) => renderTemplate`${renderComponent($$result3, "Fragment", Fragment, { "slot": "title" }, { "default": ($$result4) => renderTemplate` <span class="text-accent dark:text-white">AstroWind App</span>: <br> professional websites <span class="hidden xl:inline">made easy</span> ` })}` })} ${renderComponent($$result2, "Features3", $$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", "columns": 2, "items": [
|
||||
{
|
||||
title: "Download and install the app",
|
||||
description: `Begin your journey by downloading our user-friendly app from your device's app store or our official website.`,
|
||||
icon: "tabler:square-number-1"
|
||||
},
|
||||
{
|
||||
title: "Sign up",
|
||||
description: "Create your account by providing the necessary information, enabling you to access our full range of features.",
|
||||
icon: "tabler:square-number-2"
|
||||
},
|
||||
{
|
||||
title: "Browse templates",
|
||||
description: "Explore our diverse collection of website templates, categorized for easy navigation.",
|
||||
icon: "tabler:square-number-3"
|
||||
},
|
||||
{
|
||||
title: "Preview and select a template",
|
||||
description: `Visualize the potential of each template through previews, then choose the one that aligns best with your project's needs.`,
|
||||
icon: "tabler:square-number-4"
|
||||
}
|
||||
], "image": {
|
||||
src: "https://images.unsplash.com/photo-1521517407911-565264e7d82d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2069&q=80",
|
||||
alt: "Colorful Image"
|
||||
} })} ${renderComponent($$result2, "Content", $$Content, { "isReversed": true, "items": [
|
||||
{
|
||||
title: "User-friendly interface",
|
||||
description: "An intuitive and easy-to-navigate interface that allows users to quickly browse and find the templates they need.",
|
||||
icon: "tabler:wand"
|
||||
},
|
||||
{
|
||||
title: "Personalization options",
|
||||
description: "Include basic customization tools that let users modify text, colors, images, and other elements within the templates.",
|
||||
icon: "tabler:settings"
|
||||
},
|
||||
{
|
||||
title: "Ready-to-use components",
|
||||
description: "Enhance your designs with ready-to-use elements like graphics, icons, and layouts, saving you time and boosting visual appeal.",
|
||||
icon: "tabler:template"
|
||||
},
|
||||
{
|
||||
title: "Preview Mode",
|
||||
description: "Provide a preview of each template, allowing users to see how it looks before making a purchase.",
|
||||
icon: "tabler:carousel-horizontal"
|
||||
}
|
||||
], "image": {
|
||||
src: "https://images.unsplash.com/photo-1576153192621-7a3be10b356e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1674&q=80",
|
||||
alt: "Colorful Image"
|
||||
} }, { "content": ($$result3) => renderTemplate`${renderComponent($$result3, "Fragment", Fragment, { "slot": "content" }, { "default": ($$result4) => renderTemplate` <h3 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Main Features</h3> ` })}` })} ${renderComponent($$result2, "Content", $$Content, { "isAfterContent": true, "items": [
|
||||
{
|
||||
title: "Offline Access",
|
||||
description: "Offer the option for users to download purchased templates for offline use.",
|
||||
icon: "tabler:wifi-off"
|
||||
},
|
||||
{
|
||||
title: "Secure Cloud Storage",
|
||||
description: "Provide cloud storage for purchased templates, ensuring users can access and back up their templates from anywhere securely.",
|
||||
icon: "tabler:file-download"
|
||||
},
|
||||
{
|
||||
title: "Regular Updates",
|
||||
description: "Continuously add new templates and features to keep the app fresh and engaging for users.",
|
||||
icon: "tabler:refresh"
|
||||
},
|
||||
{
|
||||
title: "Wishlist",
|
||||
description: `Allow users to create a wishlist of templates they're interested in, making it easier for them to revisit and potentially purchase later.`,
|
||||
icon: "tabler:heart"
|
||||
}
|
||||
], "image": {
|
||||
src: "https://images.unsplash.com/photo-1453738773917-9c3eff1db985?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80",
|
||||
alt: "Vintage Image"
|
||||
} }, { "content": ($$result3) => renderTemplate`${renderComponent($$result3, "Fragment", Fragment, { "slot": "content" }, { "default": ($$result4) => renderTemplate` <h3 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Other features</h3> ` })}` })} ${renderComponent($$result2, "Stats", $$Stats, { "title": "Statistics of our app", "stats": [
|
||||
{ amount: "20K", icon: "tabler:download" },
|
||||
{ amount: "18.5K", icon: "tabler:users" },
|
||||
{ amount: "4.7", icon: "tabler:user-star" }
|
||||
] })} ${renderComponent($$result2, "Testimonials", $$Testimonials, { "title": "What our users say?", "testimonials": [
|
||||
{
|
||||
testimonial: `It's made exploring and downloading website templates a breeze. The interface is intuitive, and I had no trouble finding the perfect template for my project. It's an app that truly empowers users.`,
|
||||
name: "Cary Kennedy",
|
||||
job: "Film director",
|
||||
image: {
|
||||
src: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80",
|
||||
alt: "Cary Kennedy Image"
|
||||
}
|
||||
},
|
||||
{
|
||||
testimonial: `The app's seamless download process and intuitive layout have made selecting templates an enjoyable experience. Being able to preview and experiment with different designs before committing has saved me time and ensured I get the perfect look for my website.`,
|
||||
name: "Josh Wilkinson",
|
||||
job: "Product Manager",
|
||||
image: {
|
||||
src: "https://images.unsplash.com/flagged/photo-1570612861542-284f4c12e75f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80",
|
||||
alt: "Josh Wilkinson Image"
|
||||
}
|
||||
},
|
||||
{
|
||||
testimonial: "I was able to download and use a professional website template within minutes. The step-by-step process and user-friendly interface made it easy for me to create a website that looks as if it was designed by a pro.",
|
||||
name: "Sidney Hansen",
|
||||
job: "Decorator",
|
||||
image: {
|
||||
src: "https://images.unsplash.com/photo-1512361436605-a484bdb34b5f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80",
|
||||
alt: "Sidney Hansen Image"
|
||||
}
|
||||
}
|
||||
], "callToAction": {
|
||||
target: "_blank",
|
||||
text: "Read more testimonials",
|
||||
href: "https://github.com/onwidget/astrowind",
|
||||
icon: "tabler:chevron-right"
|
||||
} })} ${renderComponent($$result2, "FAQs", $$FAQs, { "title": "Still have some doubts?", "items": [
|
||||
{
|
||||
title: "What does this app do?",
|
||||
description: "This app provides a platform for you to easily browse, purchase, download, and use a wide range of website templates for your projects."
|
||||
},
|
||||
{
|
||||
title: "How can this app solve my problem?",
|
||||
description: "This app streamlines the process of finding and implementing professional website designs, saving you time and effort in creating visually appealing and functional websites."
|
||||
},
|
||||
{
|
||||
title: "Is it available for my device?",
|
||||
description: `Our app is designed for compatibility across various devices and platforms, ensuring accessibility whether you're using a smartphone, tablet, or computer.`
|
||||
},
|
||||
{
|
||||
title: "What makes this app different from others?",
|
||||
description: "Our app stands out for its user-friendly interface, extensive template collection, and seamless integration of the purchasing and downloading process, making it highly efficient."
|
||||
},
|
||||
{
|
||||
title: "Are there any costs involved?",
|
||||
description: "While the app itself may be free to download, there may be costs associated with purchasing specific templates based on your preferences and project requirements."
|
||||
}
|
||||
] })} ${renderComponent($$result2, "CallToAction", $$CallToAction, { "id": "download", "title": "Download our app now!", "subtitle": "Access a variety of stunning templates, simplify your creative process, and elevate your online presence." }, { "actions": ($$result3) => renderTemplate`<div class="flex max-w-sm gap-4"> ${renderComponent($$result3, "Button", $$Button, { "variant": "link", "href": appStoreDownloadLink }, { "default": ($$result4) => renderTemplate` ${renderComponent($$result4, "Image", $$Image, { "src": appStoreImg, "alt": "App Store Image", "width": 200 })} ` })} ${renderComponent($$result3, "Button", $$Button, { "variant": "link", "href": googlePlayDownloadLink }, { "default": ($$result4) => renderTemplate` ${renderComponent($$result4, "Image", $$Image, { "src": googlePlayImg, "alt": "Google Play Image", "width": 200 })} ` })} </div>` })} `, "header": ($$result2) => renderTemplate`${renderComponent($$result2, "Fragment", Fragment, { "slot": "header" }, { "default": ($$result3) => renderTemplate` ${renderComponent($$result3, "Header", $$Header, { "position": "left", "links": [
|
||||
{ text: "Services", href: "#" },
|
||||
{ text: "Features", href: "#" },
|
||||
{ text: "About", href: "#" }
|
||||
], "actions": [
|
||||
{
|
||||
text: "Download",
|
||||
href: "#download"
|
||||
}
|
||||
], "isSticky": true, "showToggleTheme": true })} ` })}` })}`;
|
||||
}, "/Users/bugracanata/Developer/[Telsiz]/ARC-Web-Sitesi/src/pages/homes/mobile-app.astro", void 0);
|
||||
|
||||
const $$file = "/Users/bugracanata/Developer/[Telsiz]/ARC-Web-Sitesi/src/pages/homes/mobile-app.astro";
|
||||
const $$url = "/homes/mobile-app";
|
||||
|
||||
const _page = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
|
||||
__proto__: null,
|
||||
default: $$MobileApp,
|
||||
file: $$file,
|
||||
url: $$url
|
||||
}, Symbol.toStringTag, { value: 'Module' }));
|
||||
|
||||
const page = () => _page;
|
||||
|
||||
export { page };
|
||||
@@ -0,0 +1,302 @@
|
||||
import { e as createAstro, c as createComponent, m as maybeRenderHead, b as addAttribute, r as renderComponent, a as renderTemplate, u as unescapeHTML, F as Fragment } from '../../chunks/astro/server_BfDhyAjM.mjs';
|
||||
import 'kleur/colors';
|
||||
import { $ as $$PageLayout, a as $$Header } from '../../chunks/PageLayout_CDwIBOQs.mjs';
|
||||
import { $ as $$Hero } from '../../chunks/Hero_BhRdE1X0.mjs';
|
||||
import { $ as $$Content } from '../../chunks/Content_C1F3b01L.mjs';
|
||||
import { $ as $$CallToAction } from '../../chunks/CallToAction_Dok0D0et.mjs';
|
||||
import { $ as $$Features3 } from '../../chunks/Features3_wayAUiIh.mjs';
|
||||
import { $ as $$Testimonials } from '../../chunks/Testimonials_lm1gbgHT.mjs';
|
||||
import { $ as $$WidgetWrapper } from '../../chunks/WidgetWrapper_C6M78dTL.mjs';
|
||||
import { a as $$Icon } from '../../chunks/Icon_C8ArtCuv.mjs';
|
||||
import { twMerge } from 'tailwind-merge';
|
||||
import { $ as $$Headline } from '../../chunks/Headline_ClseMP2_.mjs';
|
||||
import { $ as $$Image } from '../../chunks/Image_vHu_ShFT.mjs';
|
||||
import { $ as $$BlogLatestPosts } from '../../chunks/BlogLatestPosts_BSq_8-iD.mjs';
|
||||
import { a as getPermalink } from '../../chunks/permalinks_BMxSf01e.mjs';
|
||||
export { renderers } from '../../renderers.mjs';
|
||||
|
||||
const $$Astro$1 = createAstro("https://www.radio.org.tr");
|
||||
const $$Timeline = createComponent(($$result, $$props, $$slots) => {
|
||||
const Astro2 = $$result.createAstro($$Astro$1, $$props, $$slots);
|
||||
Astro2.self = $$Timeline;
|
||||
const { items = [], classes = {}, defaultIcon } = Astro2.props;
|
||||
const {
|
||||
container: containerClass = "",
|
||||
panel: panelClass = "",
|
||||
title: titleClass = "",
|
||||
description: descriptionClass = "",
|
||||
icon: defaultIconClass = "text-primary dark:text-slate-200 border-primary dark:border-blue-700"
|
||||
} = classes;
|
||||
return renderTemplate`${items && items.length > 0 && renderTemplate`${maybeRenderHead()}<div${addAttribute(containerClass, "class")}>${items.map(({ title, description, icon, classes: itemClasses = {} }, index = 0) => renderTemplate`<div${addAttribute(twMerge(
|
||||
"flex intersect-once intersect-quarter motion-safe:md:opacity-0 motion-safe:md:intersect:animate-fade",
|
||||
panelClass,
|
||||
itemClasses?.panel
|
||||
), "class")}><div class="flex flex-col items-center mr-4 rtl:mr-0 rtl:ml-4"><div><div class="flex items-center justify-center">${(icon || defaultIcon) && renderTemplate`${renderComponent($$result, "Icon", $$Icon, { "name": icon || defaultIcon, "class": twMerge("w-10 h-10 p-2 rounded-full border-2", defaultIconClass, itemClasses?.icon) })}`}</div></div>${index !== items.length - 1 && renderTemplate`<div class="w-px h-full bg-black/10 dark:bg-slate-400/50"></div>`}</div><div${addAttribute(`pt-1 ${index !== items.length - 1 ? "pb-8" : ""}`, "class")}>${title && renderTemplate`<p${addAttribute(twMerge("text-xl font-bold", titleClass, itemClasses?.title), "class")}>${unescapeHTML(title)}</p>`}${description && renderTemplate`<p${addAttribute(twMerge("text-muted mt-2", descriptionClass, itemClasses?.description), "class")}>${unescapeHTML(description)}</p>`}</div></div>`)}</div>`}`;
|
||||
}, "/Users/bugracanata/Developer/[Telsiz]/ARC-Web-Sitesi/src/components/ui/Timeline.astro", void 0);
|
||||
|
||||
const $$Astro = createAstro("https://www.radio.org.tr");
|
||||
const $$Steps = createComponent(async ($$result, $$props, $$slots) => {
|
||||
const Astro2 = $$result.createAstro($$Astro, $$props, $$slots);
|
||||
Astro2.self = $$Steps;
|
||||
const {
|
||||
title = await Astro2.slots.render("title"),
|
||||
subtitle = await Astro2.slots.render("subtitle"),
|
||||
tagline = await Astro2.slots.render("tagline"),
|
||||
items = [],
|
||||
image = await Astro2.slots.render("image"),
|
||||
isReversed = false,
|
||||
id,
|
||||
isDark = false,
|
||||
classes = {},
|
||||
bg = await Astro2.slots.render("bg")
|
||||
} = Astro2.props;
|
||||
return renderTemplate`${renderComponent($$result, "WidgetWrapper", $$WidgetWrapper, { "id": id, "isDark": isDark, "containerClass": `max-w-5xl ${classes?.container ?? ""}`, "bg": bg }, { "default": async ($$result2) => renderTemplate` ${maybeRenderHead()}<div${addAttribute(["flex flex-col gap-8 md:gap-12", { "md:flex-row-reverse": isReversed }, { "md:flex-row": image }], "class:list")}> <div${addAttribute(["md:py-4 md:self-center", { "md:basis-1/2": image }, { "w-full": !image }], "class:list")}> ${renderComponent($$result2, "Headline", $$Headline, { "title": title, "subtitle": subtitle, "tagline": tagline, "classes": {
|
||||
container: "text-left rtl:text-right",
|
||||
title: "text-3xl lg:text-4xl",
|
||||
...classes?.headline ?? {}
|
||||
} })} ${renderComponent($$result2, "Timeline", $$Timeline, { "items": items, "classes": classes?.items })} </div> ${image && renderTemplate`<div class="relative md:basis-1/2"> ${typeof image === "string" ? renderTemplate`${renderComponent($$result2, "Fragment", Fragment, {}, { "default": async ($$result3) => renderTemplate`${unescapeHTML(image)}` })}` : renderTemplate`${renderComponent($$result2, "Image", $$Image, { "class": "inset-0 object-cover object-top w-full rounded-md shadow-lg md:absolute md:h-full bg-gray-400 dark:bg-slate-700", "widths": [400, 768], "sizes": "(max-width: 768px) 100vw, 432px", "width": 432, "height": 768, "layout": "cover", "src": image?.src, "alt": image?.alt || "" })}`} </div>`} </div> ` })}`;
|
||||
}, "/Users/bugracanata/Developer/[Telsiz]/ARC-Web-Sitesi/src/components/widgets/Steps.astro", void 0);
|
||||
|
||||
const $$Personal = createComponent(($$result, $$props, $$slots) => {
|
||||
const metadata = {
|
||||
title: "Personal Homepage Demo"
|
||||
};
|
||||
return renderTemplate`${renderComponent($$result, "Layout", $$PageLayout, { "metadata": metadata }, { "announcement": ($$result2) => renderTemplate`${renderComponent($$result2, "Fragment", Fragment, { "slot": "announcement" })}`, "default": ($$result2) => renderTemplate` ${renderComponent($$result2, "Hero", $$Hero, { "id": "hero", "title": "Sarah Johnson", "tagline": "Personal Web Demo", "actions": [{ variant: "primary", text: "Hire me", href: getPermalink("/contact#form") }] }, { "subtitle": ($$result3) => renderTemplate`${renderComponent($$result3, "Fragment", Fragment, { "slot": "subtitle" }, { "default": ($$result4) => renderTemplate`
|
||||
I'm a Graphic Designer passionate about crafting visual stories. ${maybeRenderHead()}<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 captivating
|
||||
realities.
|
||||
` })}` })} ${renderComponent($$result2, "Content", $$Content, { "id": "about", "columns": 3, "items": [
|
||||
{
|
||||
icon: "tabler:brand-dribbble",
|
||||
callToAction: {
|
||||
target: "_blank",
|
||||
text: "Dribbble",
|
||||
href: "#"
|
||||
}
|
||||
},
|
||||
{
|
||||
icon: "tabler:brand-behance",
|
||||
callToAction: {
|
||||
target: "_blank",
|
||||
text: "Behance",
|
||||
href: "#"
|
||||
}
|
||||
},
|
||||
{
|
||||
icon: "tabler:brand-pinterest",
|
||||
callToAction: {
|
||||
target: "_blank",
|
||||
text: "Pinterest",
|
||||
href: "#"
|
||||
}
|
||||
}
|
||||
], "image": {
|
||||
src: "https://images.unsplash.com/photo-1491349174775-aaafddd81942?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=774&q=80",
|
||||
alt: "Colorful Image",
|
||||
loading: "eager"
|
||||
} }, { "bg": ($$result3) => renderTemplate`${renderComponent($$result3, "Fragment", Fragment, { "slot": "bg" }, { "default": ($$result4) => renderTemplate` <div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div> ` })}`, "content": ($$result3) => renderTemplate`${renderComponent($$result3, "Fragment", Fragment, { "slot": "content" }, { "default": ($$result4) => renderTemplate` <h2 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">About me</h2> <p>
|
||||
Welcome to my creative journey. My work is a testament to my commitment to bringing ideas to life, where each
|
||||
pixel becomes a brushstroke in the canvas of imagination.
|
||||
</p> <br> <p>
|
||||
I find inspiration in the world around me, whether through the pages of a captivating novel, the intricate
|
||||
details of typography, or the vibrant hues of nature during my outdoor escapades.
|
||||
</p> <br> <p>If you're curious to dive deeper into my work, you can follow me:</p> ` })}` })} ${renderComponent($$result2, "Steps", $$Steps, { "id": "resume", "title": "Work experience", "items": [
|
||||
{
|
||||
title: 'Graphic Designer <br /> <span class="font-normal">ABC Design Studio, New York, NY</span> <br /> <span class="text-sm font-normal">2021 - Present</span>',
|
||||
description: `Collaborate with clients to understand design requirements and objectives. <br /> Develop branding solutions, including logos, color palettes, and brand guidelines. <br /> Design marketing materials such as brochures, posters, and digital assets. <br /> Create visually appealing user interfaces for websites and applications.`,
|
||||
icon: "tabler:briefcase"
|
||||
},
|
||||
{
|
||||
title: 'Junior Graphic Designer <br /> <span class="font-normal">XYZ Creative Agency, Los Angeles, CA</span> <br /> <span class="text-sm font-normal">2018 - 2021</span>',
|
||||
description: `Assisted senior designers in creating design concepts and visual assets. <br /> Contributed to the development of brand identities and marketing collateral. <br /> Collaborated with the marketing team to ensure consistent design across campaigns. <br /> Gained hands-on experience in various design software and tools.`,
|
||||
icon: "tabler:briefcase"
|
||||
}
|
||||
], "classes": { container: "max-w-3xl" } })} ${renderComponent($$result2, "Steps", $$Steps, { "id": "resume", "title": "Education", "items": [
|
||||
{
|
||||
title: `Master of Fine Arts in Graphic Design <br /> <span class="font-normal">New York University's School of Design</span> <br /> <span class="text-sm font-normal">2018 - 2020</span>`,
|
||||
icon: "tabler:school"
|
||||
},
|
||||
{
|
||||
title: `Bachelor of Arts in Graphic Design <br /> <span class="font-normal">New York University's School of Design</span> <br /> <span class="text-sm font-normal">2014 - 2018</span>`,
|
||||
icon: "tabler:school"
|
||||
}
|
||||
], "classes": { container: "max-w-3xl" } })} ${renderComponent($$result2, "Features3", $$Features3, { "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."
|
||||
},
|
||||
{
|
||||
title: "Branding and identity",
|
||||
description: "Skilled at developing cohesive brand identities, including logos and brand guidelines."
|
||||
},
|
||||
{
|
||||
title: "User-centered design",
|
||||
description: "Experienced in creating user-friendly interfaces and optimizing user experiences."
|
||||
},
|
||||
{
|
||||
title: "Adobe Creative Suite",
|
||||
description: "Skilled in using Photoshop, Illustrator, and InDesign to create and edit visual elements."
|
||||
},
|
||||
{
|
||||
title: "Typography",
|
||||
description: "Adept in selecting and manipulating typefaces to enhance design aesthetics."
|
||||
},
|
||||
{
|
||||
title: "Color theory",
|
||||
description: "Proficient in using color to evoke emotions and enhance visual harmony."
|
||||
},
|
||||
{
|
||||
title: "Print and digital design",
|
||||
description: "Knowledgeable in designing for both print materials and digital platforms."
|
||||
},
|
||||
{
|
||||
title: "Attention to detail",
|
||||
description: "Diligent in maintaining precision and quality in all design work."
|
||||
},
|
||||
{
|
||||
title: "Adaptability",
|
||||
description: "Quick to adapt to new design trends, technologies, and client preferences."
|
||||
}
|
||||
] })} ${renderComponent($$result2, "Content", $$Content, { "id": "porfolio", "title": "Elevating visual narratives", "subtitle": "Embark on a design journey that surpasses pixels, entering a realm of imagination. Explore my portfolio, where passion and creativity converge to shape enthralling visual narratives.", "isReversed": true, "items": [
|
||||
{
|
||||
title: "Description:",
|
||||
description: "Developed a comprehensive brand identity for a tech startup, Tech Innovators, specializing in disruptive innovations. The goal was to convey a modern yet approachable image that resonated with both corporate clients and tech enthusiasts."
|
||||
},
|
||||
{
|
||||
title: "Role:",
|
||||
description: "Led the entire branding process from concept to execution. Created a dynamic logo that symbolized innovation, selected a vibrant color palette, and I designed corporate stationery, website graphics, and social media assets."
|
||||
}
|
||||
], "image": {
|
||||
src: "https://images.unsplash.com/photo-1658248165252-71e116af1b34?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=928&q=80",
|
||||
alt: "Tech Design Image"
|
||||
}, "callToAction": {
|
||||
target: "_blank",
|
||||
text: "Go to the project",
|
||||
icon: "tabler:chevron-right",
|
||||
href: "#"
|
||||
} }, { "bg": ($$result3) => renderTemplate`${renderComponent($$result3, "Fragment", Fragment, { "slot": "bg" }, { "default": ($$result4) => renderTemplate` <div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div> ` })}`, "content": ($$result3) => renderTemplate`${renderComponent($$result3, "Fragment", Fragment, { "slot": "content" }, { "default": ($$result4) => renderTemplate` <h3 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">
|
||||
Project 1: <br><span class="text-2xl">Brand identity for tech innovators</span> </h3> ` })}` })} ${renderComponent($$result2, "Content", $$Content, { "isReversed": true, "isAfterContent": true, "items": [
|
||||
{
|
||||
title: "Description:",
|
||||
description: 'Designed a captivating event poster for an art and music festival, "ArtWave Fusion," aiming to showcase the synergy between visual art and music genres.'
|
||||
},
|
||||
{
|
||||
title: "Role:",
|
||||
description: `Translated the festival's creative theme into a visually striking poster. Used bold typography, vibrant colors, and abstract elements to depict the fusion of art and music. Ensured the design captured the festival's vibrant atmosphere.`
|
||||
}
|
||||
], "image": {
|
||||
src: "https://images.unsplash.com/photo-1619983081563-430f63602796?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=774&q=80",
|
||||
alt: "Art and Music Poster Image"
|
||||
}, "callToAction": {
|
||||
target: "_blank",
|
||||
text: "Go to the project",
|
||||
icon: "tabler:chevron-right",
|
||||
href: "#"
|
||||
} }, { "bg": ($$result3) => renderTemplate`${renderComponent($$result3, "Fragment", Fragment, { "slot": "bg" }, { "default": ($$result4) => renderTemplate` <div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div> ` })}`, "content": ($$result3) => renderTemplate`${renderComponent($$result3, "Fragment", Fragment, { "slot": "content" }, { "default": ($$result4) => renderTemplate` <h3 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">
|
||||
Project 2: <br><span class="text-2xl">Event poster for art & music festival</span> </h3> ` })}` })} ${renderComponent($$result2, "Content", $$Content, { "isReversed": true, "isAfterContent": true, "items": [
|
||||
{
|
||||
title: "Description:",
|
||||
description: `Redesigned the e-commerce website for an eco-conscious fashion brand, GreenVogue. The objective was to align the brand's online presence with its sustainable ethos and improve user experience.`
|
||||
},
|
||||
{
|
||||
title: "Role:",
|
||||
description: `Conducted a thorough analysis of the brand's values and customer base to inform the design direction. Created a visually appealing interface with intuitive navigation, highlighting sustainable materials, and integrating a user-friendly shopping experience.`
|
||||
}
|
||||
], "image": {
|
||||
src: "https://plus.unsplash.com/premium_photo-1683288295841-782fa47e4770?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=870&q=80",
|
||||
alt: "Fashion e-commerce Image"
|
||||
}, "callToAction": {
|
||||
target: "_blank",
|
||||
text: "Go to the project",
|
||||
icon: "tabler:chevron-right",
|
||||
href: "#"
|
||||
} }, { "bg": ($$result3) => renderTemplate`${renderComponent($$result3, "Fragment", Fragment, { "slot": "bg" }, { "default": ($$result4) => renderTemplate` <div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div> ` })}`, "content": ($$result3) => renderTemplate`${renderComponent($$result3, "Fragment", Fragment, { "slot": "content" }, { "default": ($$result4) => renderTemplate` <h3 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">
|
||||
Project 3: <br><span class="text-2xl">E-commerce website redesign for fashion brand</span> </h3> ` })}` })} ${renderComponent($$result2, "Testimonials", $$Testimonials, { "title": "Client testimonials", "subtitle": "Discover what clients have to say about their experiences working with me.", "testimonials": [
|
||||
{
|
||||
testimonial: `She took our vague concept and turned it into a visual masterpiece that perfectly aligned with our goals. Her attention to detail and ability to translate ideas into compelling visuals exceeded our expectations.`,
|
||||
name: "Mark Thompson",
|
||||
job: "Creative director",
|
||||
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: "Mark Thompson Image"
|
||||
}
|
||||
},
|
||||
{
|
||||
testimonial: `She transformed our brand identity with her creative finesse, capturing our essence in every element. Her dedication and talent truly shine through her work.`,
|
||||
name: "Emily Martinez",
|
||||
job: "CEO",
|
||||
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: "Emily Martinez Image"
|
||||
}
|
||||
},
|
||||
{
|
||||
testimonial: `She has an uncanny ability to communicate emotions and stories. She crafted a logo for our NGO that not only represents our cause but also evokes empathy. Her professionalism and commitment make her a designer of exceptional caliber.`,
|
||||
name: "Laura Simmons",
|
||||
job: "Founder of an NGO",
|
||||
image: {
|
||||
src: "https://images.unsplash.com/photo-1554727242-741c14fa561c?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=774&q=80",
|
||||
alt: "Laura Simmons Image"
|
||||
}
|
||||
},
|
||||
{
|
||||
testimonial: `We entrusted Sarah with revamping our website's user interface, and the results were astounding. Her intuitive design sense enhanced user experience, leading to a significant increase in engagement. She's a designer who truly understands the synergy of aesthetics and functionality.`,
|
||||
name: "Alex Foster",
|
||||
job: "Director of web services",
|
||||
image: {
|
||||
src: "https://images.unsplash.com/photo-1599566150163-29194dcaad36?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=774&q=80",
|
||||
alt: "Alex Foster Image"
|
||||
}
|
||||
},
|
||||
{
|
||||
testimonial: `She took our vision and elevated it beyond imagination. Her ability to capture brand essence and translate it into design is nothing short of remarkable. Working with her has been an inspiring journey.`,
|
||||
name: "Jessica Collins",
|
||||
job: "Product Manager",
|
||||
image: {
|
||||
src: "https://images.unsplash.com/photo-1548142813-c348350df52b?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=778&q=80",
|
||||
alt: "Jessica Collins Image"
|
||||
}
|
||||
},
|
||||
{
|
||||
testimonial: `Her ability to transform concepts into captivating visuals is nothing short of extraordinary. She took our event poster idea and turned it into a visual masterpiece that perfectly captured the essence of our festival. Sarah's dedication, creativity, and knack for delivering beyond expectations make her an invaluable asset to any project.`,
|
||||
name: "Michael Carter",
|
||||
job: "Event Coordinator",
|
||||
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: "Michael Carter Image"
|
||||
}
|
||||
}
|
||||
] })} ${renderComponent($$result2, "CallToAction", $$CallToAction, { "title": "Let's create together", "subtitle": "Ready to transform your vision into captivating designs?", "actions": [
|
||||
{
|
||||
variant: "primary",
|
||||
text: "Hire me",
|
||||
href: "/"
|
||||
}
|
||||
] })} ${renderComponent($$result2, "BlogLatestPosts", $$BlogLatestPosts, { "id": "blog", "title": "Explore my insightful articles on my blog", "information": `Dive into a realm of design wisdom and creative inspiration, where you'll find invaluable insights, practical tips, and captivating narratives that elevate and enrich your creative journey.` }, { "bg": ($$result3) => renderTemplate`${renderComponent($$result3, "Fragment", Fragment, { "slot": "bg" }, { "default": ($$result4) => renderTemplate` <div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div> ` })}` })} `, "header": ($$result2) => renderTemplate`${renderComponent($$result2, "Fragment", Fragment, { "slot": "header" }, { "default": ($$result3) => renderTemplate` ${renderComponent($$result3, "Header", $$Header, { "links": [
|
||||
{ text: "Home", href: "#" },
|
||||
{ text: "About", href: "#about" },
|
||||
{ text: "Resume", href: "#resume" },
|
||||
{ text: "Porfolio", href: "#porfolio" },
|
||||
{ text: "Blog", href: "#blog" },
|
||||
{ text: "Github", href: "https://github.com/onwidget" }
|
||||
], "actions": [
|
||||
{
|
||||
text: "Hire me",
|
||||
href: "#"
|
||||
}
|
||||
], "isSticky": true, "showToggleTheme": true })} ` })}` })}`;
|
||||
}, "/Users/bugracanata/Developer/[Telsiz]/ARC-Web-Sitesi/src/pages/homes/personal.astro", void 0);
|
||||
|
||||
const $$file = "/Users/bugracanata/Developer/[Telsiz]/ARC-Web-Sitesi/src/pages/homes/personal.astro";
|
||||
const $$url = "/homes/personal";
|
||||
|
||||
const _page = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
|
||||
__proto__: null,
|
||||
default: $$Personal,
|
||||
file: $$file,
|
||||
url: $$url
|
||||
}, Symbol.toStringTag, { value: 'Module' }));
|
||||
|
||||
const page = () => _page;
|
||||
|
||||
export { page };
|
||||
@@ -0,0 +1,236 @@
|
||||
import { e as createAstro, c as createComponent, r as renderComponent, a as renderTemplate, m as maybeRenderHead, b as addAttribute, F as Fragment, u as unescapeHTML } from '../../chunks/astro/server_BfDhyAjM.mjs';
|
||||
import 'kleur/colors';
|
||||
import { b as $$Button, $ as $$PageLayout, a as $$Header, h as headerData } from '../../chunks/PageLayout_CDwIBOQs.mjs';
|
||||
import { $ as $$Hero2 } from '../../chunks/Hero2_IyzHLWsh.mjs';
|
||||
import { $ as $$Features } from '../../chunks/Features_DJK3TJ_6.mjs';
|
||||
import { $ as $$Steps2 } from '../../chunks/Steps2_C6F2o1Pc.mjs';
|
||||
import { $ as $$Content } from '../../chunks/Content_C1F3b01L.mjs';
|
||||
import { a as $$Icon } from '../../chunks/Icon_C8ArtCuv.mjs';
|
||||
import { $ as $$Headline } from '../../chunks/Headline_ClseMP2_.mjs';
|
||||
import { $ as $$WidgetWrapper } from '../../chunks/WidgetWrapper_C6M78dTL.mjs';
|
||||
import { $ as $$FAQs } from '../../chunks/FAQs_Vju24_pw.mjs';
|
||||
import { $ as $$BlogLatestPosts } from '../../chunks/BlogLatestPosts_BSq_8-iD.mjs';
|
||||
export { renderers } from '../../renderers.mjs';
|
||||
|
||||
const $$Astro$1 = createAstro("https://www.radio.org.tr");
|
||||
const $$Pricing = createComponent(async ($$result, $$props, $$slots) => {
|
||||
const Astro2 = $$result.createAstro($$Astro$1, $$props, $$slots);
|
||||
Astro2.self = $$Pricing;
|
||||
const {
|
||||
title = "",
|
||||
subtitle = "",
|
||||
tagline = "",
|
||||
prices = [],
|
||||
id,
|
||||
isDark = false,
|
||||
classes = {},
|
||||
bg = await Astro2.slots.render("bg")
|
||||
} = Astro2.props;
|
||||
return renderTemplate`${renderComponent($$result, "WidgetWrapper", $$WidgetWrapper, { "id": id, "isDark": isDark, "containerClass": `max-w-7xl mx-auto ${classes?.container ?? ""}`, "bg": bg }, { "default": async ($$result2) => renderTemplate` ${renderComponent($$result2, "Headline", $$Headline, { "title": title, "subtitle": subtitle, "tagline": tagline })} ${maybeRenderHead()}<div class="flex items-stretch justify-center"> <div class="grid grid-cols-3 gap-4 dark:text-white sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-3"> ${prices && prices.map(({ title: title2, subtitle: subtitle2, price, period, items, callToAction, hasRibbon = false, ribbonTitle }) => renderTemplate`<div class="col-span-3 mx-auto flex w-full sm:col-span-1 md:col-span-1 lg:col-span-1 xl:col-span-1 intersect-once motion-safe:md:intersect:animate-fade motion-safe:md:opacity-0 intersect-quarter"> ${price && period && renderTemplate`<div class="rounded-lg backdrop-blur border border-gray-200 dark:border-gray-700 bg-white dark:bg-slate-900 shadow px-6 py-8 flex w-full max-w-sm flex-col justify-between text-center"> ${hasRibbon && ribbonTitle && renderTemplate`<div class="absolute right-[-5px] 2xl:right-[-8px] rtl:right-auto rtl:left-[-8px] rtl:2xl:left-[-10px] top-[-5px] 2xl:top-[-10px] z-[1] h-[100px] w-[100px] overflow-hidden text-right"> <span class="absolute top-[19px] right-[-21px] rtl:right-auto rtl:left-[-21px] block w-full rotate-45 rtl:-rotate-45 bg-green-700 text-center text-[10px] font-bold uppercase leading-5 text-white shadow-[0_3px_10px_-5px_rgba(0,0,0,0.3)] before:absolute before:left-0 before:top-full before:z-[-1] before:border-[3px] before:border-r-transparent before:border-b-transparent before:border-l-green-800 before:border-t-green-800 before:content-[''] after:absolute after:right-0 after:top-full after:z-[-1] after:border-[3px] after:border-l-transparent after:border-b-transparent after:border-r-green-800 after:border-t-green-800 after:content-['']"> ${ribbonTitle} </span> </div>`} <div class="px-2 py-0"> ${title2 && renderTemplate`<h3 class="text-center text-xl font-semibold uppercase leading-6 tracking-wider mb-2">${title2}</h3>`} ${subtitle2 && renderTemplate`<p class="font-light sm:text-lg text-gray-600 dark:text-slate-400">${subtitle2}</p>`} <div class="my-8"> <div class="flex items-center justify-center text-center mb-1"> <span class="text-5xl">$</span> <span class="text-6xl font-extrabold">${price}</span> </div> <span class="text-base leading-6 lowercase text-gray-600 dark:text-slate-400">${period}</span> </div> ${items && renderTemplate`<ul class="my-8 md:my-10 space-y-2 text-left"> ${items.map(
|
||||
({ description, icon }) => description && renderTemplate`<li class="mb-1.5 flex items-start space-x-3 leading-7"> <div class="rounded-full bg-primary mt-1"> ${renderComponent($$result2, "Icon", $$Icon, { "name": icon ? icon : "tabler:check", "class": "w-5 h-5 font-bold p-1 text-white" })} </div> <span>${description}</span> </li>`
|
||||
)} </ul>`} </div> ${callToAction && renderTemplate`<div${addAttribute(`flex justify-center`, "class")}> ${typeof callToAction === "string" ? renderTemplate`${renderComponent($$result2, "Fragment", Fragment, {}, { "default": async ($$result3) => renderTemplate`${unescapeHTML(callToAction)}` })}` : callToAction && callToAction.href && renderTemplate`${renderComponent($$result2, "Button", $$Button, { ...hasRibbon ? { variant: "primary" } : {}, ...callToAction })}`} </div>`} </div>`} </div>`)} </div> </div> ` })}`;
|
||||
}, "/Users/bugracanata/Developer/[Telsiz]/ARC-Web-Sitesi/src/components/widgets/Pricing.astro", void 0);
|
||||
|
||||
const $$Astro = createAstro("https://www.radio.org.tr");
|
||||
const $$Saas = createComponent(($$result, $$props, $$slots) => {
|
||||
const Astro2 = $$result.createAstro($$Astro, $$props, $$slots);
|
||||
Astro2.self = $$Saas;
|
||||
const metadata = {
|
||||
title: "SaaS Landing Page"
|
||||
};
|
||||
return renderTemplate`${renderComponent($$result, "Layout", $$PageLayout, { "metadata": metadata }, { "default": ($$result2) => renderTemplate` ${renderComponent($$result2, "Hero2", $$Hero2, { "tagline": "SaaS Web Demo", "actions": [
|
||||
{ variant: "primary", target: "_blank", text: "Get Started", href: "https://github.com/onwidget/astrowind" },
|
||||
{ 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",
|
||||
alt: "AstroWind Hero Image"
|
||||
} }, { "subtitle": ($$result3) => renderTemplate`${renderComponent($$result3, "Fragment", Fragment, { "slot": "subtitle" }, { "default": ($$result4) => renderTemplate` ${maybeRenderHead()}<span class="hidden sm:inline">
|
||||
Elevate your website creation process with <span class="font-semibold">AstroWind</span>'s SaaS solutions.</span>
|
||||
Seamlessly blend the power of Astro 5.0 and Tailwind CSS to craft websites that resonate with your brand and audience.
|
||||
` })}`, "title": ($$result3) => renderTemplate`${renderComponent($$result3, "Fragment", Fragment, { "slot": "title" }, { "default": ($$result4) => renderTemplate`
|
||||
Simplify web design with Astrowind: <br> your ultimate <span class="text-accent dark:text-white">SaaS</span> companion<br> ` })}` })} ${renderComponent($$result2, "Features", $$Features, { "id": "features", "title": "Why choose AstroWind?", "subtitle": "Each of the following features enhances AstroWind's value proposition.", "columns": 2, "items": [
|
||||
{
|
||||
title: "Integration of Astro 5.0 and Tailwind CSS",
|
||||
description: "Offers a powerful combination that enhances both the development process and the end-user experience. Also, allows to build dynamic and visually stunning websites with optimized performance.",
|
||||
icon: "tabler:layers-union"
|
||||
},
|
||||
{
|
||||
title: "Versatile design for startups, small businesses, and more",
|
||||
description: `Easily customize AstroWind to harmonize with the unique branding and identity of your venture. AstroWind's versatile design adapts to suit your needs.`,
|
||||
icon: "tabler:artboard"
|
||||
},
|
||||
{
|
||||
title: "Effortless customization for portfolios and marketing sites",
|
||||
description: "With intuitive customization, easily showcase portfolio pieces, case studies, project highlights, and relevant content. Ideal for creative professionals and businesses looking to highlight their expertise.",
|
||||
icon: "tabler:writing"
|
||||
},
|
||||
{
|
||||
title: "Optimized landing pages and engaging blogs",
|
||||
description: `Landing pages are strategically designed to captivate visitors and prompt specific actions. Additionally, the blog creation feature empowers sharing insights, engaging the audience.`,
|
||||
icon: "tabler:podium"
|
||||
},
|
||||
{
|
||||
title: "Fast loading times and production-ready code",
|
||||
description: `Using Astro 5.0 ensures fast loading and seamless rendering, enhancing browsing. The code follows best practices, improving user experience, SEO, and reducing bounce rates.`,
|
||||
icon: "tabler:rocket"
|
||||
},
|
||||
{
|
||||
title: "SEO-optimized structure for enhanced visibility",
|
||||
description: `Follows SEO best practices with clean code, semantic HTML markup, and fast loading, enhancing search engine rankings. AstroWind's SEO structure ensures visibility to potential customers and clients.`,
|
||||
icon: "tabler:eyeglass"
|
||||
}
|
||||
] })} ${renderComponent($$result2, "Content", $$Content, { "title": "Use cases", "subtitle": "Discover how AstroWind's versatile template serves as the ideal solution for various use cases, providing tailored solutions to drive success.", "isReversed": true, "items": [
|
||||
{
|
||||
title: "Description:",
|
||||
description: "Are you a startup with big dreams? AstroWind propels your success. Our template forges a seamless online presence, attracting investors and customers from day one. Astro 5.0 and Tailwind CSS ensure striking, responsive sites, leaving lasting impressions. Countless startups leverage AstroWind to kickstart their journey and resonate with audiences."
|
||||
},
|
||||
{
|
||||
title: "Benefits:",
|
||||
description: `Allow startups to quickly create professional websites without investing extensive time and resources. <br /> Make a memorable first impression with visually appealing design elements that highlight your startup's unique value proposition. <br /> Ensures your website looks stunning and works well on all devices. <br /> Engage potential investors and customers with engaging content, clear messaging, and intuitive navigation.`
|
||||
}
|
||||
], "image": {
|
||||
src: "https://images.unsplash.com/photo-1620558138198-cfb9b4f3c294?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1671&q=80",
|
||||
alt: "Startup Image"
|
||||
} }, { "bg": ($$result3) => renderTemplate`${renderComponent($$result3, "Fragment", Fragment, { "slot": "bg" }, { "default": ($$result4) => renderTemplate` <div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div> ` })}`, "content": ($$result3) => renderTemplate`${renderComponent($$result3, "Fragment", Fragment, { "slot": "content" }, { "default": ($$result4) => renderTemplate` <h3 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">
|
||||
Startup success stories: <br><span class="text-2xl">Launching with AstroWind</span> </h3> ` })}` })} ${renderComponent($$result2, "Content", $$Content, { "isAfterContent": true, "items": [
|
||||
{
|
||||
title: "Description:",
|
||||
description: `For SaaS businesses, user experience is key. AstroWind enhances showcasing SaaS solutions intuitively. The template's Astro 5.0 and Tailwind CSS integration guarantees user-friendly experience, mirroring your software's efficiency. Customize pages to communicate SaaS value and solutions for your audience.`
|
||||
},
|
||||
{
|
||||
title: "Benefits:",
|
||||
description: `Ensuring a cohesive and user-centric design for your SaaS website. <br /> Effectively communicate complex SaaS features through visual aids, animations, and interactive elements. <br /> Prioritize user needs and pain points through well-structured layouts and clear navigation. <br /> Encourage visitors to take action with strategically placed CTAs. <br /> Ensures your SaaS website works seamlessly across all devices.`
|
||||
}
|
||||
], "image": {
|
||||
src: "https://images.unsplash.com/photo-1531973486364-5fa64260d75b?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1658&q=80",
|
||||
alt: "SaaS Businesses Image"
|
||||
} }, { "bg": ($$result3) => renderTemplate`${renderComponent($$result3, "Fragment", Fragment, { "slot": "bg" }, { "default": ($$result4) => renderTemplate` <div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div> ` })}`, "content": ($$result3) => renderTemplate`${renderComponent($$result3, "Fragment", Fragment, { "slot": "content" }, { "default": ($$result4) => renderTemplate` <h3 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">
|
||||
SaaS showcase: <br><span class="text-2xl">Streamlining user experience</span> </h3> ` })}` })} ${renderComponent($$result2, "Content", $$Content, { "isReversed": true, "isAfterContent": true, "items": [
|
||||
{
|
||||
title: "Description:",
|
||||
description: `Your portfolio is your masterpiece, and AstroWind is your canvas. Whether you're a designer, photographer, artist, or any other creative professional, AstroWind empowers you to showcase your work with elegance and sophistication. Tailored to highlight your creative projects, AstroWind's templates offer a visually immersive experience that lets your portfolio shine.`
|
||||
},
|
||||
{
|
||||
title: "Benefits:",
|
||||
description: `Serve as a captivating backdrop to showcase your creative work, capturing attention and leaving a lasting impression. <br /> Tailor your portfolio to reflect your unique style and artistic vision. <br /> Prioritizes visuals, allowing you to present your work in high-resolution detail that draws viewers into your creations. <br /> Enables seamless navigation for effortless portfolio exploration.`
|
||||
}
|
||||
], "image": {
|
||||
src: "https://images.unsplash.com/photo-1635070041078-e363dbe005cb?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80",
|
||||
alt: "Portfolio Image"
|
||||
} }, { "bg": ($$result3) => renderTemplate`${renderComponent($$result3, "Fragment", Fragment, { "slot": "bg" }, { "default": ($$result4) => renderTemplate` <div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div> ` })}`, "content": ($$result3) => renderTemplate`${renderComponent($$result3, "Fragment", Fragment, { "slot": "content" }, { "default": ($$result4) => renderTemplate` <h3 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">
|
||||
Creative portfolios: <br><span class="text-2xl">Highlighting your work</span> </h3> ` })}` })} ${renderComponent($$result2, "Content", $$Content, { "items": [
|
||||
{
|
||||
title: "Description:",
|
||||
description: `For small businesses, a well-crafted website can be a game-changer. AstroWind empowers small businesses to not only establish a credible online presence but also convert visitors into loyal customers. The template's thoughtful design and optimization features ensure that your website doesn't just attract attention but also guides visitors through a seamless journey, ultimately leading to conversions.`
|
||||
},
|
||||
{
|
||||
title: "Benefits:",
|
||||
description: `Present your small business with a professional and polished website that instills confidence and trust among visitors. <br /> Strategically placed CTAs, user-friendly forms, and optimized layouts work together to drive user engagement and conversions. <br /> Ensure a smooth browsing experience, reducing bounce rates and encouraging interaction.`
|
||||
}
|
||||
], "image": {
|
||||
src: "https://images.unsplash.com/photo-1514621166532-aa7eb1a3a2f4?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=774&q=80",
|
||||
alt: "Small Business Image"
|
||||
} }, { "bg": ($$result3) => renderTemplate`${renderComponent($$result3, "Fragment", Fragment, { "slot": "bg" }, { "default": ($$result4) => renderTemplate` <div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div> ` })}`, "content": ($$result3) => renderTemplate`${renderComponent($$result3, "Fragment", Fragment, { "slot": "content" }, { "default": ($$result4) => renderTemplate` <h3 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">
|
||||
Small business growth: <br><span class="text-2xl">Converting visitors into customers</span> </h3> ` })}` })} ${renderComponent($$result2, "Pricing", $$Pricing, { "title": "Flexible pricing plans", "prices": [
|
||||
{
|
||||
title: "free",
|
||||
subtitle: "Access to core features and a wide range of templates",
|
||||
price: "0",
|
||||
period: "/ month",
|
||||
callToAction: {
|
||||
target: "_blank",
|
||||
text: "Get Started for Free",
|
||||
href: "#"
|
||||
}
|
||||
},
|
||||
{
|
||||
title: "pro",
|
||||
subtitle: "Premium templates and advanced customization",
|
||||
price: 15,
|
||||
period: "/ Month",
|
||||
callToAction: {
|
||||
target: "_blank",
|
||||
text: "Upgrade to Pro",
|
||||
href: "#"
|
||||
},
|
||||
hasRibbon: true,
|
||||
ribbonTitle: "popular"
|
||||
},
|
||||
{
|
||||
title: "Enterprise",
|
||||
subtitle: "Tailored solutions for large-scale projects",
|
||||
price: 45,
|
||||
period: "/ Month",
|
||||
callToAction: {
|
||||
target: "_blank",
|
||||
text: "Unlock Enterprise Features",
|
||||
href: "#"
|
||||
}
|
||||
}
|
||||
] })} ${renderComponent($$result2, "FAQs", $$FAQs, { "title": "Frequently Asked Questions", "items": [
|
||||
{
|
||||
title: "Is AstroWind compatible with the latest versions of Astro and Tailwind CSS?",
|
||||
description: "Yes, AstroWind is designed to be compatible with the latest versions of both Astro and Tailwind CSS. This ensures that you can harness the full capabilities of these technologies while benefiting from the features offered by AstroWind.",
|
||||
icon: "tabler:chevrons-right"
|
||||
},
|
||||
{
|
||||
title: "Can I use AstroWind for both personal and commercial projects?",
|
||||
description: `Certainly! AstroWind is versatile and can be used for a wide range of projects, including both personal and commercial endeavors. Whether you're building a professional portfolio, launching a startup, or creating a marketing website, AstroWind has you covered.`,
|
||||
icon: "tabler:chevrons-right"
|
||||
},
|
||||
{
|
||||
title: "What level of coding knowledge is required to use AstroWind?",
|
||||
description: "While some familiarity with HTML, CSS, and web development concepts is helpful, the user-friendly interface and customization options allow those with limited coding experience to create impressive websites. For more advanced users, AstroWind offers extensive customization capabilities.",
|
||||
icon: "tabler:chevrons-right"
|
||||
},
|
||||
{
|
||||
title: "Is customer support available for AstroWind users seeking guidance?",
|
||||
description: `Absolutely, our dedicated customer support team is here to assist you with any questions or challenges you may encounter. Feel free to reach out to us through our support channels, and we'll be happy to provide the help you need.`,
|
||||
icon: "tabler:chevrons-right"
|
||||
}
|
||||
] }, { "bg": ($$result3) => renderTemplate`${renderComponent($$result3, "Fragment", Fragment, { "slot": "bg" }, { "default": ($$result4) => renderTemplate` <div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div> ` })}` })} ${renderComponent($$result2, "Steps2", $$Steps2, { "title": "Reach out to us", "subtitle": "Have questions? Feel free to contact us using the form below. We're here to help!", "callToAction": {
|
||||
text: "Contact us",
|
||||
href: "/"
|
||||
}, "items": [
|
||||
{
|
||||
title: "Email us",
|
||||
description: "contact@support.com",
|
||||
icon: "tabler:mail"
|
||||
},
|
||||
{
|
||||
title: "Call us",
|
||||
description: "+1 (234) 567-890",
|
||||
icon: "tabler:headset"
|
||||
},
|
||||
{
|
||||
title: "Follow us",
|
||||
description: "@example",
|
||||
icon: "tabler:brand-twitter"
|
||||
}
|
||||
] })} ${renderComponent($$result2, "BlogLatestPosts", $$BlogLatestPosts, { "id": "blog", "title": "Stay informed with AstroWind's blog", "information": `Explore our collection of articles, guides, and tutorials on web development, design trends, and using AstroWind effectively for your projects.` }, { "bg": ($$result3) => renderTemplate`${renderComponent($$result3, "Fragment", Fragment, { "slot": "bg" }, { "default": ($$result4) => renderTemplate` <div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div> ` })}` })} `, "header": ($$result2) => renderTemplate`${renderComponent($$result2, "Fragment", Fragment, { "slot": "header" }, { "default": ($$result3) => renderTemplate` ${renderComponent($$result3, "Header", $$Header, { ...headerData, "actions": [
|
||||
{
|
||||
variant: "secondary",
|
||||
text: "Login",
|
||||
href: "#"
|
||||
},
|
||||
{
|
||||
variant: "primary",
|
||||
text: "Sign Up",
|
||||
href: "#"
|
||||
}
|
||||
], "isSticky": true })} ` })}` })}`;
|
||||
}, "/Users/bugracanata/Developer/[Telsiz]/ARC-Web-Sitesi/src/pages/homes/saas.astro", void 0);
|
||||
|
||||
const $$file = "/Users/bugracanata/Developer/[Telsiz]/ARC-Web-Sitesi/src/pages/homes/saas.astro";
|
||||
const $$url = "/homes/saas";
|
||||
|
||||
const _page = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
|
||||
__proto__: null,
|
||||
default: $$Saas,
|
||||
file: $$file,
|
||||
url: $$url
|
||||
}, Symbol.toStringTag, { value: 'Module' }));
|
||||
|
||||
const page = () => _page;
|
||||
|
||||
export { page };
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user