Mif2006

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

Mif2006

"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)

Mif2006

"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>

Mif2006

"use client"

import localFont from 'next/font/local'
import { useState } from 'react';
import { motion, AnimatePresence } from 'framer-motion';

const bodoniModaSC = localFont({
  src: [
    {
      path: '../fonts/Bodoni_Moda_SC/static/BodoniModaSC_48pt-BoldItalic.ttf', 

Mif2006

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"

Mif2006

import SpaceCity1 from "../assets/SpaceCity1.jpg";
import SpaceCity5 from "../assets/SpaceCity5.jpeg";
import SpaceCity6 from "../assets/SpaceCity6.jpeg";
import SpaceCity7 from "../assets/SpaceCity7.jpeg";
import SpaceCity9 from "../assets/SpaceCity9.jpeg";

export const Projects = [
  {
    name: "Star Wars",
    src: SpaceCity6,

Mif2006

export const products = [
  {
    name: "Futuristic shoes",
    description: `Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
       doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi
       architecto beatae vitae dicta sunt explicabo. 
       Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugi`,
    images: [
      "/blueShoes1.png",
      "/blueShoes4.jpg",

Mif2006

export const Skill_data = [
  {
    skill_name: "Html 5",
    Image: "/html.png",
  },
  {
    skill_name: "Css",
    Image: "/css.png",
  },
  {

Mif2006

import { RxHome, RxPerson, RxDashboard, RxClipboard } from "react-icons/rx";

export const SkillData = [
  {
    name: "Html 5",
    Image: "/html.png",
    width: 80,
    height: 80,
  },
  {

Mif2006

import { useState } from "react";
import { motion } from "framer-motion";

import SpaceCity from "../assets/SpaceCity.jpg";
import SpaceCity1 from "../assets/SpaceCity1.jpg";

const CardFlip = () => {
  const [isFlipped, setIsFlipped] = useState(false);
  const [isAnimating, setIsAnimating] = useState(false);