I dont know how i can make Under each other

Unanswered

Chestnut-backed Chickadee posted this in #help-forum

Open in Discord

Chestnut-backed ChickadeeOP

2024-05-04T19:16:39.721Z

my page lock like so bad cuz this

24 Replies

Chestnut-backed ChickadeeOP

2024-05-04T19:17:08.121Z

"use client";
import React from "react";
import { HoverBorderGradient } from "../../../components/ui/hover-border-gradient";
import { WavyBackground } from "../../../components/ui/wavy-background";
import { TypewriterEffectSmooth } from "../../../components/ui/typewriter-effect";
import {
  TextRevealCard,
  TextRevealCardDescription,
  TextRevealCardTitle,
} from "../../../components/ui/text-reveal-card"
const words = [
  {
    text: "Build",
  },
  {
    text: "awesome",
  },
  {
    text: "apps",
  },
  {
    text: "with",
  },
  {
    text: "Aceternity.",
    className: "text-blue-500 dark:text-blue-500",
  },
];

export default function Page({ params }: { params: { guild: string } }) {
  return (
    <>
      <WavyBackground className="max-w-4xl mx-auto pb-40">
        <div className="flex flex-col items-center justify-center h-[40rem]  ">
          <p className="text-neutral-600 dark:text-neutral-200 text-xs sm:text-base  ">
            The road to freedom starts from here
          </p>
          <TypewriterEffectSmooth words={words} />
          <div className="flex flex-col md:flex-row space-y-4 md:space-y-0 space-x-0 md:space-x-4">
            <button className="w-40 h-10 rounded-xl bg-black border dark:border-white border-transparent text-white text-sm">
              Join now
            </button>
            <button className="w-40 h-10 rounded-xl bg-white text-black border border-black  text-sm">
              Signup
            </button>
          </div>
        </div>
        <div className="mx-auto max-w-4xl py-8 px-4">
        <TextRevealCard
          text="You know the business"
          revealText="I know the chemistry "
        />
      </div>
      </WavyBackground>
    </>
  );
}

  const AceternityLogo = () => {
    return (
      <svg
        width="66"
        height="65"
        viewBox="0 0 66 65"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        className="h-3 w-3 text-white"
      >
        <path
          d="M8 8.05571C8 8.05571 54.9009 18.1782 57.8687 30.062C60.8365 41.9458 9.05432 57.4696 9.05432 57.4696"
          stroke="currentColor"
          strokeWidth="15"
          strokeMiterlimit="3.86874"
          strokeLinecap="round"
        />
      </svg>
    );
  };

Jboncz

2024-05-04T19:25:40.680Z

Sorry I dont understand the issue based on what you provided. Can you elaborate a bit more?

@Jboncz Sorry I dont understand the issue based on what you provided. Can you elaborate a bit more?

Chestnut-backed ChickadeeOP

2024-05-04T19:26:34.731Z

Arrange page elements

Jboncz

2024-05-04T19:28:18.110Z

hal tahsul ealaa khata? (are you getting an error)

@Jboncz hal tahsul ealaa khata? (are you getting an error)

Chestnut-backed ChickadeeOP

2024-05-04T19:28:41.926Z

nope

does your keyboard en ?

@Chestnut-backed Chickadee Arrange page elements

Jboncz

2024-05-04T19:30:37.207Z

Im assuming I am having a hard time understanding because of a language barrier, can you explain the issue in your language and ill do my best to help?

Jboncz

2024-05-04T19:37:25.937Z

"use client";
import React from "react";
import { WavyBackground } from "@/components/ui/wavy-background";
import { TextRevealCard, TextRevealCardDescription, TextRevealCardTitle, } from "@/components/ui/text-reveal-card"

const words = [
    {
        text: "Build",
    },
    {
        text: "awesome",
    },
    {
        text: "apps",
    },
    {
        text: "with",
    },
    {
        text: "Aceternity.",
        className: "text-blue-500 dark:text-blue-500",
    },
];

const AceternityLogo = () => {
    return (
        <svg
            width="66"
            height="65"
            viewBox="0 0 66 65"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
            className="h-3 w-3 text-white"
        >
            <path
                d="M8 8.05571C8 8.05571 54.9009 18.1782 57.8687 30.062C60.8365 41.9458 9.05432 57.4696 9.05432 57.4696"
                stroke="currentColor"
                strokeWidth="15"
                strokeMiterlimit="3.86874"
                strokeLinecap="round"
            />
        </svg>
    );
};

//<TypewriterEffectSmooth words={words} />
export default function Page({ params }) {
    return (
        <>
            <WavyBackground className="max-w-4xl mx-auto pb-40">
                <div className="flex flex-col items-center justify-center h-[40rem]  ">
                    <p className="text-neutral-600 dark:text-neutral-200 text-xs sm:text-base  ">
                        The road to freedom starts from here
                    </p>

                    <div className="flex flex-col md:flex-row space-y-4 md:space-y-0 space-x-0 md:space-x-4">
                        <button className="w-40 h-10 rounded-xl bg-black border dark:border-white border-transparent text-white text-sm">
                            Join now
                        </button>
                        <button className="w-40 h-10 rounded-xl bg-white text-black border border-black  text-sm">
                            Signup
                        </button>
                    </div>
                </div>
                <div className="mx-auto max-w-4xl py-8 px-4">
                    <TextRevealCard
                        text="You know the business"
                        revealText="I know the chemistry "
                    />
                </div>
            </WavyBackground>
        </>
    );
}