Skip to content

Commit

Permalink
fix: build errors (partially)
Browse files Browse the repository at this point in the history
  • Loading branch information
@ktx-kirtan
ktx-kirtan committed Feb 1, 2025
1 parent fae709c commit 3c356c2
Show file tree
Hide file tree
Showing 15 changed files with 99 additions and 280 deletions.
263 changes: 96 additions & 167 deletions src/components/footerComponent/Footer.vue
View file
Original file line number Diff line number Diff line change
@@ -1,8 +1,6 @@
<script setup>
import { defineProps } from "vue";
import GithubButton from "vue-github-button";
import TextGradient from "../HeaderComponents/TextWithGradient.vue";
import CustomSection from "../core/CustomSection.vue";
const props = defineProps({
footerData: {
type: Object,
Expand All @@ -18,200 +16,131 @@ const props = defineProps({
},
});
</script>

<style scoped>
.gradient-hover {
display: inline-block;
}
.gradient-hover:hover {
background: linear-gradient(
to left,
rgb(var(--blue-light)),
rgb(var(--blue-dark))
);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>

<template>
<div class="relative bg-[#14181B] w-full">
<!-- SVG Background -->
<svg
class="absolute inset-0 w-full h-full"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 1221 684"
fill="none"
>
<svg class="absolute inset-0 w-full h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1221 684" fill="none">
<g filter="url(#filter0_f_1434_1855)">
<circle
cx="610.5"
cy="610.5"
r="410.5"
fill="url(#paint0_radial_1434_1855)"
/>
<circle cx="610.5" cy="610.5" r="410.5" fill="url(#paint0_radial_1434_1855)" />
</g>
<defs>
<filter
id="filter0_f_1434_1855"
x="0"
y="0"
width="1221"
height="1221"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<filter id="filter0_f_1434_1855" x="0" y="0" width="1221" height="1221" filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation="100"
result="effect1_foregroundBlur_1434_1855"
/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
<feGaussianBlur stdDeviation="100" result="effect1_foregroundBlur_1434_1855" />
</filter>
<radialGradient
id="paint0_radial_1434_1855"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(610.5 610.5) rotate(90) scale(410.5)"
>
<radialGradient id="paint0_radial_1434_1855" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"
gradientTransform="translate(610.5 610.5) rotate(90) scale(410.5)">
<stop offset="0.01" stop-color="#23282C" />
<stop offset="0.885" stop-color="#23282C" stop-opacity="0" />
</radialGradient>
</defs>
</svg>
<!-- <CustomSection> -->
<div class="relative container mx-auto px-4 py-6 lg:px-8 xl:px-12">
<!-- Main Footer Content -->
<div class="grid md:grid-cols-2 lg:grid-cols-5 gap-8 mb-8 mt-12">
<div
v-for="section in footerData?.sections"
:key="section.title"
class="min-w-0"
>
<h3 class="text-[#929A9E] font-medium text-xl mb-4">
{{ section.title }}
</h3>
<div class="relative container mx-auto px-4 py-6 lg:px-8 xl:px-12">
<!-- Main Footer Content -->
<div class="grid md:grid-cols-2 lg:grid-cols-5 gap-8 mb-8 mt-12">
<div v-for="section in footerData?.sections" :key="section.title" class="min-w-0">
<h3 class="text-[#929A9E] font-medium text-xl mb-4">
{{ section.title }}
</h3>

<ul class="space-y-2">
<li v-for="item in section.items" :key="item.name">
<a
:href="item.link"
class="gradient-hover text-[#BEC0C2] text-base transition duration-300 "
>
<TextGradient textGradientColor="" />
{{ item.name }}
</a>
</li>
</ul>
</div>
<ul class="space-y-2">
<li v-for="item in section.items" :key="item.name">
<a :href="item.link" class="gradient-hover text-[#BEC0C2] text-base transition duration-300 ">
<TextGradient textGradientColor="" />
{{ item.name }}
</a>
</li>
</ul>
</div>
</div>

<div class="flex flex-col md:flex-row justify-between mb-5">
<!-- Pricing Section -->
<div class="rounded-lg w-full mb-4 md:mb-0">
<h3 class="text-[#929A9E] font-medium text-xl mb-4">Pricing</h3>
<ul>
<li>
<a
href="/"
class="gradient-hover text-[#BEC0C2] font-normal text-base"
>
<TextGradient textGradientColor="" /> View Plans
</a>
</li>
</ul>
</div>
<div class="flex flex-col md:flex-row justify-between mb-5">
<!-- Pricing Section -->
<div class="rounded-lg w-full mb-4 md:mb-0">
<h3 class="text-[#929A9E] font-medium text-xl mb-4">Pricing</h3>
<ul>
<li>
<a href="/" class="gradient-hover text-[#BEC0C2] font-normal text-base">
<TextGradient textGradientColor="" /> View Plans
</a>
</li>
</ul>
</div>

<!-- GitHub Stats Section -->
<div class="flex items-center space-x-2 w-full md:w-auto">
<GithubButton
href="https://github.com/openobserve/openobserve"
data-color-scheme=""
data-size="large"
data-show-count="true"
aria-label="Star openobserve/openobserve on GitHub"
>Star</GithubButton
>
<!-- GitHub Stats Section -->
<div class="flex items-center space-x-2 w-full md:w-auto">
<GithubButton href="https://github.com/openobserve/openobserve" data-color-scheme="" data-size="large"
data-show-count="true" aria-label="Star openobserve/openobserve on GitHub">Star</GithubButton>

<GithubButton
href="https://github.com/openobserve/openobserve/fork"
data-color-scheme=""
data-size="large"
data-show-count="true"
aria-label="Fork openobserve/openobserve on GitHub"
>Fork</GithubButton
>
</div>
<GithubButton href="https://github.com/openobserve/openobserve/fork" data-color-scheme="" data-size="large"
data-show-count="true" aria-label="Fork openobserve/openobserve on GitHub">Fork</GithubButton>
</div>
</div>

<!-- Bottom Section -->
<div
class="border-t border-gray-700 pt-5 flex flex-col gap-4 md:flex-row justify-between items-center text-[#FFFFFF]"
>
<!-- Copyright -->
<div class="flex items-center">
<div
class="flex flex-row items-center space-x-4 md:mb-0 font-normal text-sm"
>
<p class="text-base">
<TextGradient textGradientColor="" />{{
footerData?.copyright?.text
}}
</p>
</div>
</div>
<div class="flex items-center gap-6">
<p class="text-base gradient-hover">
<TextGradient textGradientColor="" />{{ footerData?.tos?.text }}
</p>
<p class="text-base gradient-hover">
<TextGradient textGradientColor="" />{{ footerData?.pp?.text }}
<!-- Bottom Section -->
<div
class="border-t border-gray-700 pt-5 flex flex-col gap-4 md:flex-row justify-between items-center text-[#FFFFFF]">
<!-- Copyright -->
<div class="flex items-center">
<div class="flex flex-row items-center space-x-4 md:mb-0 font-normal text-sm">
<p class="text-base">
<TextGradient textGradientColor="" />{{
footerData?.copyright?.text
}}
</p>
</div>
<div class="flex items-center space-x-4">
<!-- Social Links -->
<div class="social-links flex space-x-4">
<div class="flex items-center space-x-4">
<!-- <a href="/" class="flex items-center rounded-md p-2 hover:">
</div>
<div class="flex items-center gap-6">
<p class="text-base gradient-hover">
<TextGradient textGradientColor="" />{{ footerData?.tos?.text }}
</p>
<p class="text-base gradient-hover">
<TextGradient textGradientColor="" />{{ footerData?.pp?.text }}
</p>
</div>
<div class="flex items-center space-x-4">
<!-- Social Links -->
<div class="social-links flex space-x-4">
<div class="flex items-center space-x-4">
<!-- <a href="/" class="flex items-center rounded-md p-2 hover:">
<img src="/Slack.svg" class="w-8 h-8" />
</a> -->
<a
href="/"
class="w-12 h-12 rounded-md bg-[url('/slack.svg')] bg-cover bg-center group transition-all duration-300 hover:bg-[url('/SlackHover.svg')]"
>
</a>
<a
href="/"
class="w-12 h-12 rounded-md bg-[url('/twitter.svg')] bg-cover bg-center group transition-all duration-300 hover:bg-[url('/TwitterHover.svg')]"
>
</a>
<a
href="/"
class="w-12 h-12 rounded-md bg-[url('/Linkedin.svg')] bg-cover bg-center group transition-all duration-300 hover:bg-[url('/LinkedinHover.svg')]"
>
</a>
<a
href="/"
class="w-12 h-12 rounded-md bg-[url('/GitHub.svg')] bg-cover bg-center group transition-all duration-300 hover:bg-[url('/GitHubHover.svg')]"
>
</a>
<a
href="/"
class="w-12 h-12 rounded-md bg-[url('/youtube.svg')] bg-cover bg-center group transition-all duration-300 hover:bg-[url('/YoutubeHover.svg')]"
>
</a>
</div>
<a href="/"
class="w-12 h-12 rounded-md bg-[url('/slack.svg')] bg-cover bg-center group transition-all duration-300 hover:bg-[url('/SlackHover.svg')]">
</a>
<a href="/"
class="w-12 h-12 rounded-md bg-[url('/twitter.svg')] bg-cover bg-center group transition-all duration-300 hover:bg-[url('/TwitterHover.svg')]">
</a>
<a href="/"
class="w-12 h-12 rounded-md bg-[url('/Linkedin.svg')] bg-cover bg-center group transition-all duration-300 hover:bg-[url('/LinkedinHover.svg')]">
</a>
<a href="/"
class="w-12 h-12 rounded-md bg-[url('/GitHub.svg')] bg-cover bg-center group transition-all duration-300 hover:bg-[url('/GitHubHover.svg')]">
</a>
<a href="/"
class="w-12 h-12 rounded-md bg-[url('/youtube.svg')] bg-cover bg-center group transition-all duration-300 hover:bg-[url('/YoutubeHover.svg')]">
</a>
</div>
</div>
</div>
</div>
</div>
<!-- </CustomSection> -->
</div>
</template>
<style scoped>
.gradient-hover {
display: inline-block;
}
.gradient-hover:hover {
background: linear-gradient(to left,
rgb(var(--blue-light)),
rgb(var(--blue-dark)));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>
2 changes: 0 additions & 2 deletions src/components/wrapper/FeatureCardWrapper.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,6 @@
import CustomSection from "../core/CustomSection.vue";
import CustomFeatureCard from "../cards/CustomFeatureCard.vue";
import Heading from "../core/Heading.vue";
import CustomSeprater from "../core/CustomSeprater.vue";
import CustomImage from "../core/CustomImage.vue";
const props = defineProps({
heading: {
Expand Down
18 changes: 0 additions & 18 deletions src/layouts/Layout.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,24 +4,6 @@ import Footer from "../components/footerComponent/Footer.vue";
import SEO from '../components/SEO.astro';
import NavData from "../content/header.json"
// interface Props {
// title: string;
// description?: string;
// image?: string;
// type?: string;
// publishedTime?: string;
// modifiedTime?: string;
// }
// const {
// title,
// description,
// image,
// type,
// publishedTime,
// modifiedTime
// } = Astro.props;
import NavData from "../content/header.json";
const footerData = {
sections: [
{
Expand Down
14 changes: 1 addition & 13 deletions src/pages/about/index.astro
View file
Original file line number Diff line number Diff line change
@@ -1,17 +1,5 @@
---
import CustomBanner from "../../../components/core/CustomBanner.vue";
import CustomSection from "../../../components/core/CustomSection.vue";
import CompanyAboutUsHeroSection from "../../../components/heroSections/CompanyAboutUsHeroSection.vue";
import LeftSideCard from "../../../components/cardComponent/LeftSideCard.vue";
import RightSideCard from "../../../components/cardComponent/RightSideCard.vue";
import Heading from "../../../components/core/Heading.vue";
import CustomFeatureCard from "../../../components/cards/CustomFeatureCard.vue";
import Layout from "../../../layouts/Layout.astro";
import CustomStoryWrapper from "../../../components/wrapper/CustomStoryWrapper.vue";
import HomeWhyO2Wrapper from "../../../components/wrapper/HomeWhyO2Wrapper.vue";
import BlogWrapper from "../../../components/wrapper/BlogWrapper.vue";
import CaseStudyWrapper from "../../../components/wrapper/CaseStudyWrapper.vue";
import CustomSeprater from "../../../components/core/CustomSeprater.vue";
import Layout from "../../layouts/Layout.astro";
import fetchApi from "../../utils/strapi";
import ComponentCollectionMapper from "../../components/ComponentCollectionMapper.vue";
Expand Down
1 change: 0 additions & 1 deletion src/pages/blogs/index.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,6 @@ import Layout from "../../layouts/Layout.astro";
import ResourceHeroSection from "../../components/heroSections/ResourceHeroSection.vue";
import BlogsWrapper from "../../components/wrapper/BlogsWrapper.vue";
import CaseStudyGlassCardWrapper from "../../components/wrapper/CaseStudyGlassCardWrapper.vue";
import BannerWrapper from "../../components/wrapper/BannerWrapper.vue";
import TilesWithTitleWrapper from "../../components/wrapper/TilesWithTitleWrapper.vue";
import BlogsListingWrapper from "../../components/wrapper/BlogsListingWrapper.vue";
import CaseStudyWrapper from "../../components/wrapper/CaseStudyWrapper.vue";
Expand Down
3 changes: 0 additions & 3 deletions src/pages/company/index.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,8 +4,6 @@ import CompanyAboutUsHeroSection from "../../components/heroSections/CompanyAbou
import Heading from "../../components/core/Heading.vue";
import CaseStudyWrapper from "../../components/wrapper/CaseStudyWrapper.vue";
import BannerWrapper from "../../components/wrapper/BannerWrapper.vue";
import Footer from "../../components/footerComponent/Footer.vue";
import CustomSectionBackground from "../../components/core/CustomSectionBackground.vue";
import FeatureCardWrapper from "../../components/wrapper/FeatureCardWrapper.vue";
const featureCardData = {
Expand Down Expand Up @@ -181,5 +179,4 @@ const footerData = {

<BannerWrapper items={bannerData} client:load />
<CaseStudyWrapper items={caseStudyData} client:load />
<Footer footerData={footerData} client:load />
</Layout>
2 changes: 0 additions & 2 deletions src/pages/download/index.astro
View file
Original file line number Diff line number Diff line change
@@ -1,8 +1,6 @@
---
import Layout from "../../layouts/Layout.astro";
import CustomComparisonTable from "../../components/core/CustomComparisonTable.vue";
import CustomCloudForm from "../../components/core/CustomCloudForm.vue";
import PricingTiers from "../../components/core/PricingTeir.vue";
import FaqWrapper from "../../components/FAQComponent/FaqWrapper.vue";
import BannerWrapper from "../../components/wrapper/BannerWrapper.vue";
import SectionSwitcher from "../../components/cloud-selfHostedSection/SectionSwitcher.vue";
Expand Down
Loading

0 comments on commit 3c356c2

Please sign in to comment.