From 75352272457256ef59e67c7a7e83c5438302155a Mon Sep 17 00:00:00 2001 From: Cypro Freelance <110410268+Proxyy587@users.noreply.github.com> Date: Sun, 28 Jul 2024 15:33:33 +0530 Subject: [PATCH] icon changed --- components/shared/HeroCards.tsx | 333 ++++++++++++++++---------------- components/ui/accordion.tsx | 88 ++++----- 2 files changed, 206 insertions(+), 215 deletions(-) diff --git a/components/shared/HeroCards.tsx b/components/shared/HeroCards.tsx index b849b50..bb055ac 100644 --- a/components/shared/HeroCards.tsx +++ b/components/shared/HeroCards.tsx @@ -5,193 +5,184 @@ import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"; import { Badge } from "@/components/ui/badge"; import { Button, buttonVariants } from "@/components/ui/button"; import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, + Card, + CardContent, + CardDescription, + CardFooter, + CardHeader, + CardTitle, } from "@/components/ui/card"; import Image from "next/image"; import { Happy_Monkey } from "next/font/google"; -import { - ArchiveRestore, - Github, - Headset, - Infinity, - LightbulbIcon, - Linkedin, - Twitter, -} from "lucide-react"; -import Link from "next/link"; +import { ArchiveRestore, Headset, Infinity, LightbulbIcon } from "lucide-react"; import Iconss from "../ui/icons"; import { useRouter } from "next/navigation"; const happyMonkey = Happy_Monkey({ - preload: true, - weight: ["400"], - subsets: ["latin"], + preload: true, + weight: ["400"], + subsets: ["latin"], }); const HeroCards = () => { - const router = useRouter(); - const cards = { - aboutCard: { - description: - "Discover more about our services and offerings. We aim to provide the best experience for our users.", - socialLinks: { - x: "https://x.com/SVR_JS", - Mastodon: "https://mastodon.social/@svrjs", - Bluesky: "https://bsky.app/profile/svrjs.org", - Odysee: "https://odysee.com/@SVRJS", - }, - }, - pricingCard: { - planName: "Pro Plan", - badgeTitle: "Popular", - pricePerMonth: "$0", - description: - "Get the best features and priority support with our Pro Plan.", - primaryButtonText: "Download SVR Now", - onPrimaryButtonClick: () => router.push("/downloads"), - features: [ - { - title: "Unlimited Projects", - icons: , - }, - { - title: "Priority Support", - icons: ( - - ), - }, - { - title: "Free Updates", - icons: , - }, - ], - curlyText: "Best Value!", - }, - serviceCard: { - title: "Our Services", - description: - "We offer a variety of services to cater to your needs, including web development, SEO, and more.", - }, - }; + const router = useRouter(); + const cards = { + aboutCard: { + description: + "Discover more about our services and offerings. We aim to provide the best experience for our users.", + socialLinks: { + x: "https://x.com/SVR_JS", + Mastodon: "https://mastodon.social/@svrjs", + Bluesky: "https://bsky.app/profile/svrjs.org", + Odysee: "https://odysee.com/@SVRJS", + }, + }, + pricingCard: { + planName: "Pro Plan", + badgeTitle: "Popular", + pricePerMonth: "$0", + description: + "Get the best features and priority support with our Pro Plan.", + primaryButtonText: "Download SVR Now", + onPrimaryButtonClick: () => router.push("/downloads"), + features: [ + { + title: "Unlimited Projects", + icons: , + }, + { + title: "Priority Support", + icons: ( + + ), + }, + { + title: "Free Updates", + icons: , + }, + ], + curlyText: "Best Value!", + }, + serviceCard: { + title: "Our Services", + description: + "We offer a variety of services to cater to your needs, including web development, SEO, and more.", + }, + }; - return ( -
- {/* Twitter First Top left */} - - - - - Proxy - -
- Proxy - @proxyxd_s -
- - - Svrjs has the best server side rendering{" "} - #SVRJSONTOP - - - + return ( +
+ {/* Twitter First Top left */} + + + + + Proxy + +
+ Proxy + @proxyxd_s +
+ + + Svrjs has the best server side rendering{" "} + #SVRJSONTOP + + + - {/* Socials Second top right */} - - - Socials - - + {/* Socials Second top right */} + + + Socials + + - -

{cards.aboutCard.description}

- - - - - - + +

{cards.aboutCard.description}

+ + + + + + - {/* Pricings Bottom left */} - - - - {cards.pricingCard.planName} - - {cards.pricingCard.badgeTitle} - - -
- - {cards.pricingCard.pricePerMonth} - - /month -
+ {/* Pricings Bottom left */} + + + + {cards.pricingCard.planName} + + {cards.pricingCard.badgeTitle} + + +
+ + {cards.pricingCard.pricePerMonth} + + /month +
- {cards.pricingCard.description} - - -
- -
- {cards.pricingCard.features.map((benefit) => ( - - {benefit.icons} -

{benefit.title}

- - ))} -
- - -
- Curly arrow - - {cards.pricingCard.curlyText} - -
- + {cards.pricingCard.description} + + +
+ +
+ {cards.pricingCard.features.map((benefit) => ( + + {benefit.icons} +

{benefit.title}

+ + ))} +
+ + +
+ Curly arrow + + {cards.pricingCard.curlyText} + +
+ - {/* Service */} - - -
- -
-
- {cards.serviceCard.title} - - {cards.serviceCard.description} - -
- - - -
- ); + {/* Service */} + + +
+ +
+
+ {cards.serviceCard.title} + + {cards.serviceCard.description} + +
+ + + +
+ ); }; export default HeroCards; diff --git a/components/ui/accordion.tsx b/components/ui/accordion.tsx index 24c788c..9f371b2 100644 --- a/components/ui/accordion.tsx +++ b/components/ui/accordion.tsx @@ -1,58 +1,58 @@ -"use client" +"use client"; -import * as React from "react" -import * as AccordionPrimitive from "@radix-ui/react-accordion" -import { ChevronDown } from "lucide-react" +import * as React from "react"; +import * as AccordionPrimitive from "@radix-ui/react-accordion"; +import { ChevronDown, PlusCircleIcon, PlusIcon } from "lucide-react"; -import { cn } from "@/lib/utils" +import { cn } from "@/lib/utils"; -const Accordion = AccordionPrimitive.Root +const Accordion = AccordionPrimitive.Root; const AccordionItem = React.forwardRef< - React.ElementRef, - React.ComponentPropsWithoutRef + React.ElementRef, + React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( - -)) -AccordionItem.displayName = "AccordionItem" + +)); +AccordionItem.displayName = "AccordionItem"; const AccordionTrigger = React.forwardRef< - React.ElementRef, - React.ComponentPropsWithoutRef + React.ElementRef, + React.ComponentPropsWithoutRef >(({ className, children, ...props }, ref) => ( - - svg]:rotate-180", - className - )} - {...props} - > - {children} - - - -)) -AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName + + svg]:rotate-45", + className + )} + {...props} + > + {children} + + + +)); +AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName; const AccordionContent = React.forwardRef< - React.ElementRef, - React.ComponentPropsWithoutRef + React.ElementRef, + React.ComponentPropsWithoutRef >(({ className, children, ...props }, ref) => ( - -
{children}
- -)) + +
{children}
+ +)); -AccordionContent.displayName = AccordionPrimitive.Content.displayName +AccordionContent.displayName = AccordionPrimitive.Content.displayName; -export { Accordion, AccordionItem, AccordionTrigger, AccordionContent } +export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };