zenkodr

import { useState } from "react";
import OrangeCity2 from "../assets/OrangeCity2.jpg";
import OrangeCity3 from "../assets/OrangeCity3.jpg";
import OrangeCity4 from "../assets/OrangeCity4.jpg";

const BorderCards = () => {
  const [isHovering, setIsHovering] = useState(false);
  return (
    <div
      className="w-full min-h-screen flex flex-col md:flex-row gap-10 items-center justify-center bg-center bg-cover"

zenkodr

"use client"

import React from 'react';

const Home = () => {
  return (
    <div className="w-screen min-h-screen bg-black flex items-center justify-center relative overflow-hidden">
    <div className="absolute inset-0 z-10">
      {/* <img src="/robot.jpg" alt="Background" className="w-full h-full object-cover" /> */}
    </div>

zenkodr

"use client"

import { useGSAP } from '@gsap/react'
import gsap from 'gsap'
import Image from 'next/image'
import React, { useRef, useState } from 'react'

const Hero = () => {
  const lettersRef = useRef([])
  const odysseyRef = useRef(null)

zenkodr

You are a friendly, reliable, genius customer-care bot delivering efficient solutions from our comprehensive knowledge base.

You work for a SaaS platform, “BuildBreeze.” Dynamically render carousels for feature recommendations, and whenever visual elements (such as screenshots or GIFs) are included in the knowledge base retrieval, prioritize them. If no images are available use these images: "https://b5qob6oi0z.ufs.sh/f/8x6qKTJbxFHLUMeZWCqYVQOjmq8CFd3wrlDoNRBTXpPsIkHG",
"https://b5qob6oi0z.ufs.sh/f/8x6qKTJbxFHLwoG8L6g13IoWauDhvz6MUsfxEkL5FOPmS4Tn"


Whatever you respond with, make sure to include predictions of what the user may say next as button steps to ice-break more conversations and assist the user with what they may need. Include the following options:

Get a recommendation
How it works

zenkodr

"use client"

import { imagesArray, imageVariants, positions } from '@/constants'
import React, { useState } from 'react'
import InnerCard from './InnerCard'
import { StepBack, StepForward } from 'lucide-react'

const Carousel = () => {
    const [positionIndexes, setPositionIndexes] = useState([0, 1, 2, 3, 4, 5, 6])

zenkodr

🗺🐘 1000+ PostgreSQL EXTENSIONs

This is a list of URLs to PostgreSQL EXTENSION repos, listed in alphabetical order of parent repo, with active forks listed under each parent.

⭐️ >= 10 stars
⭐️⭐️ >= 100 stars
⭐️⭐️⭐️ >= 1000 stars
Numbers of stars might not be up-to-date.

zenkodr

Self-Hosting Next.js Tutorial

Follow the instructions below to deploy a Next.js app with a local PostgreSQL database to a VPS and connect it to a custom domain with free SSL. Watch the accompanying tutorial on YouTube: https://www.youtube.com/watch?v=2T_Dx7YgBFw

Instructions & commands:

1. Get your VPS server on Hostinger (Use code CODINGINFLOW for 10% off). Install Ubuntu 24 as the OS and set a root password.
2. Log into your server as root: ssh root@<your-server-ip>
3. Update Linux packages: apt update && apt upgrade -y
4. Create a new user: adduser

zenkodr

export const sidebarLinks = [
  {
    imgURL: "/assets/icons/home.svg",
    route: "/",
    label: "Home",
  },
  {
    imgURL: "/assets/icons/wallpaper.svg",
    route: "/explore",
    label: "Explore",

zenkodr

import { ethers, providers, Wallet, utils, Transaction } from "ethers";
import {
  FlashbotsBundleProvider,
  FlashbotsBundleResolution,
} from "@flashbots/ethers-provider-bundle";
import { exit } from "process";

const FLASHBOTS_URL = "https://relay-goerli.flashbots.net";
const TOKEN_ADDRESS = "0x4E5d67a73bdb6BF68fADa7BDD7F455A7aA02C8ab";

zenkodr

import Image from "next/image";
import Link from "next/link";

import { Button } from "../ui/button";

interface Props {
  id: string;
  name: string;
  username: string;
  imgUrl: string;