✨ Simple solar network product page
This commit is contained in:
parent
44572badcc
commit
2d2ec80185
BIN
src/assets/images/products/solar-network-alpha.webp
Executable file
BIN
src/assets/images/products/solar-network-alpha.webp
Executable file
Binary file not shown.
After Width: | Height: | Size: 696 KiB |
Before Width: | Height: | Size: 2.0 MiB After Width: | Height: | Size: 2.0 MiB |
@ -1,13 +1,13 @@
|
|||||||
---
|
---
|
||||||
import { Image } from "astro:assets";
|
import { Image } from 'astro:assets'
|
||||||
|
|
||||||
import CompanyLogo from "../assets/images/company-logo.png";
|
import CompanyLogo from '../assets/images/company-logo.png'
|
||||||
|
|
||||||
interface Props {
|
interface Props {
|
||||||
title?: string;
|
title?: string
|
||||||
}
|
}
|
||||||
|
|
||||||
const { title } = Astro.props;
|
const { title } = Astro.props
|
||||||
---
|
---
|
||||||
|
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
@ -16,7 +16,7 @@ const { title } = Astro.props;
|
|||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<meta name="viewport" content="width=device-width" />
|
<meta name="viewport" content="width=device-width" />
|
||||||
<link rel="icon" type="image/png" href="/favicon.png" />
|
<link rel="icon" type="image/png" href="/favicon.png" />
|
||||||
<title>{title ? `${title} | Solsynth LLC` : "Solsynth LLC"}</title>
|
<title>{title ? `${title} | Solsynth LLC` : 'Solsynth LLC'}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="navbar backdrop-blur fixed top-0 left-0 right-0 z-10">
|
<div class="navbar backdrop-blur fixed top-0 left-0 right-0 z-10">
|
||||||
@ -52,6 +52,50 @@ const { title } = Astro.props;
|
|||||||
<main class="mt-[68px]">
|
<main class="mt-[68px]">
|
||||||
<slot />
|
<slot />
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
|
<footer class="bg-neutral text-neutral-content p-10 mt-32">
|
||||||
|
<div class="container mx-auto footer">
|
||||||
|
<aside>
|
||||||
|
<Image
|
||||||
|
src={CompanyLogo}
|
||||||
|
alt="company logo"
|
||||||
|
class="h-12 w-12 p-1 bg-white rounded-lg shadow-sm"
|
||||||
|
/>
|
||||||
|
<div class="flex flex-col">
|
||||||
|
<span class="font-bold text-lg">Solsynth LLC</span>
|
||||||
|
Building wonderful software since 2019.
|
||||||
|
|
||||||
|
<span class="font-mono text-xs mt-3">Powered by RoadSign v2</span>
|
||||||
|
|
||||||
|
<a href="https://status.solsynth.dev" class="mt-4">
|
||||||
|
<img
|
||||||
|
src="https://uptime.betterstack.com/status-badges/v1/monitor/1ki5r.svg"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
<nav>
|
||||||
|
<h6 class="footer-title">Services</h6>
|
||||||
|
<a class="link link-hover">Branding</a>
|
||||||
|
<a class="link link-hover">Design</a>
|
||||||
|
<a class="link link-hover">Marketing</a>
|
||||||
|
<a class="link link-hover">Advertisement</a>
|
||||||
|
</nav>
|
||||||
|
<nav>
|
||||||
|
<h6 class="footer-title">Company</h6>
|
||||||
|
<a class="link link-hover">About us</a>
|
||||||
|
<a class="link link-hover">Contact</a>
|
||||||
|
<a class="link link-hover">Jobs</a>
|
||||||
|
<a class="link link-hover">Press kit</a>
|
||||||
|
</nav>
|
||||||
|
<nav>
|
||||||
|
<h6 class="footer-title">Legal</h6>
|
||||||
|
<a class="link link-hover">Terms of use</a>
|
||||||
|
<a class="link link-hover">Privacy policy</a>
|
||||||
|
<a class="link link-hover">Cookie policy</a>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
||||||
|
@ -1,12 +1,12 @@
|
|||||||
---
|
---
|
||||||
import { Image } from "astro:assets";
|
import { Image } from 'astro:assets'
|
||||||
import { Icon } from "astro-icon/components";
|
import { Icon } from 'astro-icon/components'
|
||||||
|
|
||||||
import Layout from "../layouts/Layout.astro";
|
import Layout from '../layouts/Layout.astro'
|
||||||
|
|
||||||
import CompanyAsideImage from "../assets/images/company-aside.webp";
|
import CompanyAsideImage from '../assets/images/company-aside.webp'
|
||||||
import AppStoreGetImage from "../assets/images/app-store/get-it-on-black.svg";
|
import AppStoreGetImage from '../assets/images/app-store/get-it-on-black.svg'
|
||||||
import ProductSnPreviewImage from "../assets/images/product-solar-network.webp";
|
import ProductSnPreviewImage from '../assets/images/products/solar-network.webp'
|
||||||
---
|
---
|
||||||
|
|
||||||
<Layout>
|
<Layout>
|
||||||
@ -33,7 +33,7 @@ import ProductSnPreviewImage from "../assets/images/product-solar-network.webp";
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="section-flex shadow-lg bg-base-300" id="work-featured">
|
<div class="section-flex py-12 shadow-lg bg-base-300" id="work-featured">
|
||||||
<div class="section container mx-auto grid-cols-1 lg:grid-cols-3">
|
<div class="section container mx-auto grid-cols-1 lg:grid-cols-3">
|
||||||
<div
|
<div
|
||||||
class="sub-section flex flex-col items-start lg:items-end justify-center lg:col-span-1"
|
class="sub-section flex flex-col items-start lg:items-end justify-center lg:col-span-1"
|
||||||
@ -53,25 +53,31 @@ import ProductSnPreviewImage from "../assets/images/product-solar-network.webp";
|
|||||||
Social Network, Redefined.
|
Social Network, Redefined.
|
||||||
</blockquote>
|
</blockquote>
|
||||||
|
|
||||||
<div class="flex gap-2 mt-4">
|
<div class="flex gap-3 mt-4 items-center text-right">
|
||||||
<a href="https://apps.apple.com/us/app/solian/id6499032345?itscg=30200&itsct=apps_box_link&mttnsubad=6499032345">
|
<span class="opacity-75 text-xs max-lg:order-last" style="line-height: 1">
|
||||||
|
Also supports Android, Windows, and any modern web browser
|
||||||
|
</span>
|
||||||
|
<a
|
||||||
|
href="https://apps.apple.com/us/app/solian/id6499032345?itscg=30200&itsct=apps_box_link&mttnsubad=6499032345"
|
||||||
|
>
|
||||||
<Image src={AppStoreGetImage} alt="get it on app store" />
|
<Image src={AppStoreGetImage} alt="get it on app store" />
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<a class="link flex items-center gap-1 mt-3" href="/products/solar-network">
|
<a
|
||||||
|
class="link flex items-center gap-1 mt-3"
|
||||||
|
href="/products/solar-network"
|
||||||
|
>
|
||||||
<span>Learn more about Solar Network</span>
|
<span>Learn more about Solar Network</span>
|
||||||
<Icon name="material-symbols:arrow-right-alt" />
|
<Icon name="material-symbols:arrow-right-alt" />
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="sub-section flex items-center lg:col-span-2">
|
<div class="sub-section flex items-center lg:col-span-2">
|
||||||
<div class="card">
|
<Image
|
||||||
<Image
|
src={ProductSnPreviewImage}
|
||||||
src={ProductSnPreviewImage}
|
alt="solar network cross-platform preview"
|
||||||
alt="solar network cross-platform preview"
|
class="rounded-lg shadow-xl"
|
||||||
class="rounded-lg shadow-xl"
|
/>
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -41,7 +41,7 @@ const attachments = await fetchAttachmentMeta(data.body.attachments)
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex gap-2">
|
<div class="flex gap-2">
|
||||||
<a class="btn btn-sm" href="/products/solar-network">Get</a>
|
<a class="btn btn-sm" href="/products/solar-network#downloads">Get</a>
|
||||||
<a class="btn btn-sm" href={`https://sn.solsynth.dev/posts/${data.id}`}
|
<a class="btn btn-sm" href={`https://sn.solsynth.dev/posts/${data.id}`}
|
||||||
>Open</a
|
>Open</a
|
||||||
>
|
>
|
||||||
|
@ -1,7 +1,51 @@
|
|||||||
---
|
---
|
||||||
import Layout from "../../layouts/Layout.astro";
|
import { Image } from 'astro:assets'
|
||||||
|
import { Icon } from 'astro-icon/components'
|
||||||
|
|
||||||
|
import Layout from '../../layouts/Layout.astro'
|
||||||
|
|
||||||
|
import AppStoreGetImage from '../../assets/images/app-store/get-it-on-black.svg'
|
||||||
|
import ProductSnPreviewImage from '../../assets/images/products/solar-network-alpha.webp'
|
||||||
---
|
---
|
||||||
|
|
||||||
<Layout title="Solar Network">
|
<Layout title="Solar Network">
|
||||||
|
<div class="container mx-auto mt-[35vh]" id="intro">
|
||||||
|
<div class="text-center">
|
||||||
|
<h1 class="text-4xl font-bold">Solar Network</h1>
|
||||||
|
<p>The next generation Social Network platform.</p>
|
||||||
|
|
||||||
|
<div class="flex justify-center gap-2 mt-5">
|
||||||
|
<a class="btn btn-primary" href="#downloads">
|
||||||
|
Download <Icon name="material-symbols:download" size={20} />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<Image
|
||||||
|
src={ProductSnPreviewImage}
|
||||||
|
alt="solar network cross-platform preview"
|
||||||
|
class="mt-5"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<div id="downloads" class="mt-12">
|
||||||
|
<div class="flex flex-col text-center justify-center">
|
||||||
|
<h2 class="text-2xl font-bold">Downloads</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex items-center justify-center mt-5">
|
||||||
|
<a
|
||||||
|
href="https://apps.apple.com/us/app/solian/id6499032345?itscg=30200&itsct=apps_box_link&mttnsubad=6499032345"
|
||||||
|
>
|
||||||
|
<Image src={AppStoreGetImage} alt="get it on app store" />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</Layout>
|
</Layout>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
html,
|
||||||
|
body {
|
||||||
|
scroll-behavior: smooth;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
Loading…
Reference in New Issue
Block a user