Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

style: format code with Prettier #39

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 5 additions & 1 deletion app/page.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,11 @@ export default async function Component() {
<Divider />
<FAQSection />
</main>
<Script defer src="https://woyage.app/track.js" data-website-id="187fcd8e-96dc-42b5-9fa0-a17243a7bbd8"/>
<Script
defer
src="https://woyage.app/track.js"
data-website-id="187fcd8e-96dc-42b5-9fa0-a17243a7bbd8"
/>
</div>
);
}
10 changes: 8 additions & 2 deletions components/HeroSection.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -53,8 +53,14 @@ const HeroSection = ({ user }: { user: User | null }) => {
</motion.div>
)}
<motion.div>
<Link href="https://www.github.com/ishaanbedi/woyage" target="_blank">
<Button variant={"outline"} className="flex justify-center items-center">
<Link
href="https://www.github.com/ishaanbedi/woyage"
target="_blank"
>
<Button
variant={"outline"}
className="flex justify-center items-center"
>
<GitHubLogoIcon className="mr-2 h-4 w-4" />
<span>Source Code</span>
</Button>
Expand Down
9 changes: 6 additions & 3 deletions components/OpenSource.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -8,14 +8,17 @@ import { useRef } from "react";

export function OpenSourced() {
const ref = useRef(null);
const isInView = useInView(ref, {
const isInView = useInView(ref, {
once: true,
amount: 0.6,
margin: "-50px"
margin: "-50px",
});

return (
<section className="w-full lg:md:sm:min-h-[60vh] min-h-[35vh] flex flex-col justify-center items-center" ref={ref}>
<section
className="w-full lg:md:sm:min-h-[60vh] min-h-[35vh] flex flex-col justify-center items-center"
ref={ref}
>
<div className="container px-4 md:px-6">
<motion.div
initial={{ opacity: 0, y: 20 }}
Expand Down
16 changes: 7 additions & 9 deletions components/PrivacyFeatures.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -7,27 +7,27 @@ import { useRef } from "react";

export function PrivacyFeatures() {
const ref = useRef(null);
const isInView = useInView(ref, {
const isInView = useInView(ref, {
once: true,
amount: 0.5,
margin: "-100px"
margin: "-100px",
});

const containerVariants = {
hidden: { opacity: 0 },
visible: {
opacity: 1,
transition: { staggerChildren: 0.1 }
}
transition: { staggerChildren: 0.1 },
},
};

const itemVariants = {
hidden: { opacity: 0, y: 20 },
visible: {
opacity: 1,
y: 0,
transition: { duration: 0.5 }
}
transition: { duration: 0.5 },
},
};

const features: {
Expand Down Expand Up @@ -83,9 +83,7 @@ export function PrivacyFeatures() {
>
{features.map((feature, index) => (
<motion.div key={index} variants={itemVariants}>
<Card
className="flex flex-col items-center lg:md:sm:justify-center justify-normal space-y-2 p-3 min-h-52 shadow-none hover:border hover:shadow"
>
<Card className="flex flex-col items-center lg:md:sm:justify-center justify-normal space-y-2 p-3 min-h-52 shadow-none hover:border hover:shadow">
<div className="flex justify-center items-center flex-col">
<div className="flex items-center justify-center w-16 h-16 p-4 text-white bg-primary rounded-full">
{feature.icon}
Expand Down
21 changes: 9 additions & 12 deletions components/Stack.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -52,28 +52,28 @@ const Stack = ({ user }: { user: User | null }) => {
y: 0,
transition: {
duration: 0.5,
staggerChildren: 0.1
}
}
staggerChildren: 0.1,
},
},
};

const itemVariants = {
hidden: { opacity: 0, scale: 0.9 },
visible: {
opacity: 1,
scale: 1,
transition: { duration: 0.3 }
}
transition: { duration: 0.3 },
},
};

return (
<motion.section
initial="hidden"
whileInView="visible"
viewport={{
once: true,
viewport={{
once: true,
amount: 0.4,
margin: "-100px"
margin: "-100px",
}}
variants={containerVariants}
className="w-full py-12"
Expand Down Expand Up @@ -117,10 +117,7 @@ const Stack = ({ user }: { user: User | null }) => {
<Button>Get Started Now</Button>
</Link>
)}
<Link
href="https://www.github.com/ishaanbedi/woyage"
target="_blank"
>
<Link href="https://www.github.com/ishaanbedi/woyage" target="_blank">
<Button variant="outline">
<GitHubLogoIcon className="mr-2 h-4 w-4" /> Source Code
</Button>
Expand Down
22 changes: 11 additions & 11 deletions components/Steps.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -31,28 +31,28 @@ const Steps = ({ user }: { user: User | null }) => {
visible: {
opacity: 1,
transition: {
staggerChildren: 0.2
}
}
staggerChildren: 0.2,
},
},
};

const itemVariants = {
hidden: { y: 20, opacity: 0 },
visible: {
y: 0,
opacity: 1
}
opacity: 1,
},
};

const lineVariants = {
hidden: { scaleX: 0 },
visible: {
visible: {
scaleX: 1,
transition: {
transition: {
duration: 0.8,
ease: "easeInOut"
}
}
ease: "easeInOut",
},
},
};

return (
Expand All @@ -71,7 +71,7 @@ const Steps = ({ user }: { user: User | null }) => {
</motion.div>
<div>
<div className="relative">
<motion.div
<motion.div
className="absolute inset-x-0 top-1/2 block h-0.5 -translate-y-1/2 rounded-lg bg-primary"
variants={lineVariants}
initial="hidden"
Expand Down
92 changes: 45 additions & 47 deletions components/features.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -15,8 +15,8 @@ import { useRef } from "react";

export function Features({ home }: { home: boolean }) {
const ref = useRef(null);
const isInView = useInView(ref, {
once: true,
const isInView = useInView(ref, {
once: true,
amount: 0.8,
});

Expand All @@ -25,51 +25,51 @@ export function Features({ home }: { home: boolean }) {
description: string;
icon: React.ReactNode;
}[] = [
{
title: "Visitors",
description:
"Track and analyze of your visitors and their behavior, in real-time.",
icon: <UsersRound className="w-12 h-12" />,
},
{
title: "Location",
description:
"See where your visitors are coming from, from all around the world.",
icon: <PinIcon className="w-12 h-12" />,
},
{
title: "Languages",
description:
"Analyze the languages your visitors speak, to tailor your content.",
icon: <LanguagesIcon className="w-12 h-12" />,
},
{
title: "Real-Time Data",
description: "See what's happening in real-time, as it happens.",
icon: <StopwatchIcon className="w-12 h-12" />,
},
{
title: "Traffic Sources",
description:
"Analyze referral, direct, and search traffic sources to your website.",
icon: <TrafficCone className="w-12 h-12" />,
},
{
title: "Device Analytics",
description:
"Analyze visitor's devices, browsers, and operating systems.",
icon: <MonitorSmartphoneIcon className="w-12 h-12" />,
},
];
{
title: "Visitors",
description:
"Track and analyze of your visitors and their behavior, in real-time.",
icon: <UsersRound className="w-12 h-12" />,
},
{
title: "Location",
description:
"See where your visitors are coming from, from all around the world.",
icon: <PinIcon className="w-12 h-12" />,
},
{
title: "Languages",
description:
"Analyze the languages your visitors speak, to tailor your content.",
icon: <LanguagesIcon className="w-12 h-12" />,
},
{
title: "Real-Time Data",
description: "See what's happening in real-time, as it happens.",
icon: <StopwatchIcon className="w-12 h-12" />,
},
{
title: "Traffic Sources",
description:
"Analyze referral, direct, and search traffic sources to your website.",
icon: <TrafficCone className="w-12 h-12" />,
},
{
title: "Device Analytics",
description:
"Analyze visitor's devices, browsers, and operating systems.",
icon: <MonitorSmartphoneIcon className="w-12 h-12" />,
},
];

const containerVariants = {
hidden: { opacity: 0 },
visible: {
opacity: 1,
transition: {
staggerChildren: 0.1
}
}
staggerChildren: 0.1,
},
},
};

const cardVariants = {
Expand All @@ -78,9 +78,9 @@ export function Features({ home }: { home: boolean }) {
opacity: 1,
y: 0,
transition: {
duration: 0.5
}
}
duration: 0.5,
},
},
};

return (
Expand Down Expand Up @@ -114,9 +114,7 @@ export function Features({ home }: { home: boolean }) {
variants={cardVariants}
transition={{ type: "spring", stiffness: 300 }}
>
<Card
className="flex flex-col items-center lg:md:sm:justify-center justify-normal space-y-2 p-3 min-h-52 shadow-none hover:border hover:shadow"
>
<Card className="flex flex-col items-center lg:md:sm:justify-center justify-normal space-y-2 p-3 min-h-52 shadow-none hover:border hover:shadow">
<div className="flex justify-center items-center flex-col">
<div className="flex items-center justify-center w-16 h-16 p-4 text-white bg-primary rounded-full">
{feature.icon}
Expand Down
Loading