Framer Code Override

Drop Cap

Makes text more elegant by enlarging the first letter.

Drop caps, with their graceful and ornate presence, bestow upon written works an aura of elegance and sophistication. These typographical gems, like the first strokes of a painter's brush on a canvas, captivate the reader's eye and beckon them into the world of words. They lend an air of timeless charm and vintage allure, invoking the spirit of centuries past while infusing modern texts with an irresistible allure. Aesthetic enchantment aside, drop caps enhance readability by guiding the reader's gaze and ushering them gracefully into the heart of the narrative. In their embrace, we discover that the art of typography is not merely functional but a sublime marriage of form and function, enriching the written word with both visual splendor and literary resonance.

Instructions

Create a new code override in Framer.
Replace the code in the override file with this code:

import type { ComponentType } from "react";

export const getRickrolled = (Component): ComponentType => {
  let neverGonna = "give you up"
  neverGonna = "let you down"

  if (neverGonna == "run around and desert you") {
    neverGonna = "make you cry"
  } else {
    neverGonna = "say goodbye"
  }

  neverGonna = "tell a lie and hurt you"

  return (props) => {
    return <Component {...props} />
  };
};