@notionhive/footers 0.1.0

package/templates/components/organisms/Footer24/Footer24.propTypes.js

@@ -0,0 +1,132 @@
+import PropTypes from "prop-types";
+
+const linkShape = PropTypes.shape({
+  label: PropTypes.string.isRequired,
+  href: PropTypes.string,
+});
+
+const columnShape = PropTypes.shape({
+  title: PropTypes.string.isRequired,
+  links: PropTypes.arrayOf(linkShape),
+});
+
+const contactLineShape = PropTypes.shape({
+  label: PropTypes.string.isRequired,
+  value: PropTypes.string.isRequired,
+});
+
+const socialShape = PropTypes.shape({
+  label: PropTypes.string.isRequired,
+  href: PropTypes.string,
+  icon: PropTypes.oneOf([
+    "facebook",
+    "twitter",
+    "youtube",
+    "linkedin",
+    "instagram",
+    "flickr",
+  ]),
+});
+
+export const footer24PropTypes = {
+  contactTitle: PropTypes.string,
+  contactLines: PropTypes.arrayOf(contactLineShape),
+  mapSrc: PropTypes.string,
+  mapAlt: PropTypes.string,
+  linkColumns: PropTypes.arrayOf(columnShape),
+  copyright: PropTypes.string,
+  privacyLabel: PropTypes.string,
+  privacyHref: PropTypes.string,
+  logoSrc: PropTypes.string,
+  logoAlt: PropTypes.string,
+  socialButtons: PropTypes.arrayOf(socialShape),
+  className: PropTypes.string,
+};
+
+export const footer24DefaultProps = {
+  contactTitle: "Contact Us",
+  contactLines: [
+    {
+      label: "Address:",
+      value: "kha-208, 1 Bir Uttam Rafiqul Islam Ave, Dhaka 1212",
+    },
+    { label: "Tel:", value: "728 273 2678" },
+    { label: "Fax:", value: "267-273-0983" },
+    { label: "Email:", value: "dummymail@bracu.ac.bd" },
+  ],
+  mapSrc: "/footer/footer24/map.png",
+  mapAlt: "BRAC University campus map",
+  linkColumns: [
+    {
+      title: "About",
+      links: [
+        { label: "Mission and Vision", href: "#" },
+        { label: "Leadership and Management", href: "#" },
+        { label: "The Vice Chancellor", href: "#" },
+        { label: "Board of Trustees", href: "#" },
+        { label: "Academic Council", href: "#" },
+        { label: "Administration", href: "#" },
+        { label: "Faculty", href: "#" },
+        { label: "Staff", href: "#" },
+        { label: "Affiliations", href: "#" },
+      ],
+    },
+    {
+      title: "Academics",
+      links: [
+        { label: "Institutes & Schools", href: "#" },
+        { label: "Departments", href: "#" },
+        { label: "Centres & Initiatives", href: "#" },
+        { label: "Office of the Registrar", href: "#" },
+        { label: "Fees & Payments", href: "#" },
+        { label: "Programs", href: "#" },
+        { label: "Policies & Procedures", href: "#" },
+        { label: "Residential Campus", href: "#" },
+        { label: "Institutional Quality Assurance Cell", href: "#" },
+        { label: "Teaching & Research", href: "#" },
+      ],
+    },
+    {
+      title: "Resources",
+      links: [
+        { label: "Ayesha Abed Library", href: "#" },
+        { label: "Publications", href: "#" },
+        { label: "News & Events", href: "#" },
+        { label: "Announcements", href: "#" },
+        { label: "Academic Dates", href: "#" },
+        { label: "Convocation", href: "#" },
+        { label: "Alumni", href: "#" },
+        { label: "Campus Life", href: "#" },
+        { label: "Clubs", href: "#" },
+        { label: "Request for logo", href: "#" },
+      ],
+    },
+    {
+      title: "Quick Links",
+      links: [
+        { label: "Apply Now", href: "#" },
+        { label: "Admissions", href: "#" },
+        { label: "Career", href: "#" },
+        { label: "Scholarships and Financial Aid", href: "#" },
+        { label: "Undergraduate Admissions", href: "#" },
+        { label: "Postgraduate Admissions", href: "#" },
+        { label: "International Applicants", href: "#" },
+        { label: "Important Dates & Deadlines", href: "#" },
+      ],
+    },
+  ],
+  copyright: "© 2024 BRAC University. All rights reserved.",
+  privacyLabel: "Privacy Policy",
+  privacyHref: "#",
+  logoSrc: "/footer/footer24/logo.svg",
+  logoAlt: "BRAC University",
+  socialButtons: [
+    { label: "Facebook", href: "#", icon: "facebook" },
+    { label: "X", href: "#", icon: "twitter" },
+    { label: "YouTube", href: "#", icon: "youtube" },
+    { label: "LinkedIn", href: "#", icon: "linkedin" },
+    { label: "Instagram", href: "#", icon: "instagram" },
+    { label: "Flickr", href: "#", icon: "flickr" },
+  ],
+  className: "",
+};

package/templates/components/organisms/Footer24/index.js

@@ -0,0 +1 @@
+export { Footer24, default } from "./Footer24";

package/templates/components/organisms/Footer25/Footer25.jsx

@@ -0,0 +1,135 @@
+"use client";
+
+import SafeImage from "../../atoms/SafeImage";
+import {
+  footer25DefaultProps,
+  footer25PropTypes,
+} from "./Footer25.propTypes";
+
+function LinkColumn({ column }) {
+  return (
+    <div className="flex min-w-0 flex-col gap-4 xl:gap-[30px]">
+      <p className="text-[10px] font-semibold uppercase leading-[1.1] tracking-[1px] text-[#1d45b5]">
+        {column.title}
+      </p>
+      <ul className="flex flex-col gap-2.5">
+        {column.links.map((link) => (
+          <li key={link.label}>
+            <a
+              href={link.href ?? "#"}
+              className="text-sm leading-[1.1] text-[#141414]/80 transition-colors duration-200 ease-out hover:text-[#1d45b5] focus-visible:outline-2 focus-visible:outline-offset-2"
+            >
+              {link.label}
+            </a>
+          </li>
+        ))}
+      </ul>
+    </div>
+  );
+}
+
+function ContactBlock({ block }) {
+  return (
+    <div className="flex flex-col gap-4">
+      <p className="text-[10px] font-semibold uppercase leading-[1.1] tracking-[1px] text-[#1d45b5]">
+        {block.title}
+      </p>
+      <div className="text-sm leading-[1.1] text-[#141414]/80">
+        {block.lines.map((line) => (
+          <p key={line}>{line}</p>
+        ))}
+      </div>
+    </div>
+  );
+}
+
+/**
+ * Footer25 — Uttara University footer with map.
+ * Figma node 32:20666 at 1920px.
+ */
+export function Footer25({
+  linkColumns = footer25DefaultProps.linkColumns,
+  logoIconSrc = footer25DefaultProps.logoIconSrc,
+  logoTextSrc = footer25DefaultProps.logoTextSrc,
+  location = footer25DefaultProps.location,
+  contact = footer25DefaultProps.contact,
+  copyright = footer25DefaultProps.copyright,
+  mapSrc = footer25DefaultProps.mapSrc,
+  mapPinSrc = footer25DefaultProps.mapPinSrc,
+  mapLabel = footer25DefaultProps.mapLabel,
+  className = "",
+}) {
+  return (
+    <footer
+      className={["relative w-full overflow-hidden bg-white", className]
+        .filter(Boolean)
+        .join(" ")}
+      data-footer="footer25"
+    >
+      <div className="border-t-4 border-[#1d45b5]">
+        <div className="mx-auto flex w-full max-w-[1920px] flex-col px-4 py-10 sm:px-6 md:px-10 lg:px-20 lg:py-[66px] xl:px-[262px]">
+          <div className="grid grid-cols-1 gap-10 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 xl:justify-between">
+            {linkColumns.map((column) => (
+              <LinkColumn key={column.title} column={column} />
+            ))}
+          </div>
+
+          <div className="my-10 h-px w-full bg-[#141414]/10" />
+
+          <div className="flex flex-col gap-8 lg:flex-row lg:items-end lg:justify-between">
+            <div className="flex flex-col gap-8 sm:flex-row sm:items-end sm:gap-16 xl:gap-[135px]">
+              <div className="relative h-[70px] w-[143px] shrink-0">
+                <SafeImage
+                  src={logoIconSrc}
+                  alt=""
+                  width={143}
+                  height={64}
+                  className="absolute left-0 top-0 h-auto w-full max-w-[143px]"
+                />
+                <SafeImage
+                  src={logoTextSrc}
+                  alt="Uttara University"
+                  width={143}
+                  height={8}
+                  className="absolute bottom-0 left-0 h-auto w-full max-w-[143px]"
+                />
+              </div>
+              <div className="flex flex-col gap-8 sm:flex-row sm:gap-5">
+                <ContactBlock block={location} />
+                <ContactBlock block={contact} />
+              </div>
+            </div>
+            <p className="text-sm leading-[1.1] text-[#141414]/80">{copyright}</p>
+          </div>
+        </div>
+      </div>
+
+      <div className="relative mx-auto w-full max-w-[1920px] px-4 sm:px-6 md:px-10 lg:px-[262px]">
+        <div className="relative aspect-[1396/330] w-full overflow-hidden">
+          <SafeImage
+            src={mapSrc}
+            alt="Uttara University location map"
+            fill
+            className="object-cover object-center"
+          />
+          <div className="absolute left-1/2 top-1/2 flex -translate-x-1/2 -translate-y-1/2 flex-col items-center gap-2">
+            <SafeImage
+              src={mapPinSrc}
+              alt=""
+              width={24}
+              height={24}
+              className="size-6"
+            />
+            <p className="text-center text-[10px] font-semibold uppercase leading-[1.1] tracking-[1px] text-[#141414]">
+              {mapLabel}
+            </p>
+          </div>
+        </div>
+      </div>
+    </footer>
+  );
+}
+
+Footer25.propTypes = footer25PropTypes;
+
+export default Footer25;

package/templates/components/organisms/Footer25/Footer25.propTypes.js

@@ -0,0 +1,124 @@
+import PropTypes from "prop-types";
+
+const linkShape = PropTypes.shape({
+  label: PropTypes.string.isRequired,
+  href: PropTypes.string,
+});
+
+const columnShape = PropTypes.shape({
+  title: PropTypes.string.isRequired,
+  links: PropTypes.arrayOf(linkShape),
+});
+
+const contactBlockShape = PropTypes.shape({
+  title: PropTypes.string.isRequired,
+  lines: PropTypes.arrayOf(PropTypes.string),
+});
+
+export const footer25PropTypes = {
+  linkColumns: PropTypes.arrayOf(columnShape),
+  logoIconSrc: PropTypes.string,
+  logoTextSrc: PropTypes.string,
+  location: contactBlockShape,
+  contact: contactBlockShape,
+  copyright: PropTypes.string,
+  mapSrc: PropTypes.string,
+  mapPinSrc: PropTypes.string,
+  mapLabel: PropTypes.string,
+  className: PropTypes.string,
+};
+
+export const footer25DefaultProps = {
+  linkColumns: [
+    {
+      title: "About Us",
+      links: [
+        { label: "About UU", href: "#" },
+        { label: "Mission, Vision & Motto", href: "#" },
+        { label: "Overview, Features & Facilities", href: "#" },
+        { label: "UU at a Glance", href: "#" },
+        { label: "Accreditations & Memberships", href: "#" },
+        { label: "Explore Campus", href: "#" },
+        { label: "Campus Life", href: "#" },
+        { label: "UU Logo Resource & Socials", href: "#" },
+      ],
+    },
+    {
+      title: "Academic",
+      links: [
+        { label: "Schools", href: "#" },
+        { label: "Programs", href: "#" },
+        { label: "Research & Innovation", href: "#" },
+        { label: "IQAC", href: "#" },
+        { label: "IRC", href: "#" },
+        { label: "Linkages", href: "#" },
+        { label: "Academic Calendar", href: "#" },
+        { label: "Grading System", href: "#" },
+        { label: "Academic Regulations", href: "#" },
+        { label: "Policies & Procedures", href: "#" },
+      ],
+    },
+    {
+      title: "Prospective Students",
+      links: [
+        { label: "Why Study at UU", href: "#" },
+        { label: "Online Admission", href: "#" },
+        { label: "Entry Requirements", href: "#" },
+        { label: "Admission Test", href: "#" },
+        { label: "Credit Transfer", href: "#" },
+        { label: "Admission procedure", href: "#" },
+        { label: "Tuition fees", href: "#" },
+        { label: "Scholarship & Waiver Calculator", href: "#" },
+        { label: "Financial Aid & Study Support Loan", href: "#" },
+        { label: "International Students", href: "#" },
+        { label: "International Collaboration", href: "#" },
+        { label: "Payment Guidelines", href: "#" },
+        { label: "UU FAQ", href: "#" },
+        { label: "Contact the Office of Admission", href: "#" },
+      ],
+    },
+    {
+      title: "Research",
+      links: [
+        { label: "Centre for Clean Energy Research", href: "#" },
+        { label: "Centre for Research & Training", href: "#" },
+        { label: "Centre for Sustainable Nanoparticle Synthesis", href: "#" },
+        { label: "Fintech Research Group", href: "#" },
+        { label: "Institute of Policy Research", href: "#" },
+      ],
+    },
+    {
+      title: "Quick link",
+      links: [
+        { label: "Apply Now", href: "#" },
+        { label: "Admissions", href: "#" },
+        { label: "Contact Us", href: "#" },
+      ],
+    },
+    {
+      title: "Socials",
+      links: [
+        { label: "Facebook", href: "#" },
+        { label: "Twitter", href: "#" },
+        { label: "YouTube", href: "#" },
+        { label: "LinkedIn", href: "#" },
+        { label: "Instagram", href: "#" },
+      ],
+    },
+  ],
+  logoIconSrc: "/footer/footer25/logo-icon.svg",
+  logoTextSrc: "/footer/footer25/logo-text.svg",
+  location: {
+    title: "Location",
+    lines: ["Holding 77, Beribadh Road,", "Turag, Uttara, Dhaka 1230, Bangladesh"],
+  },
+  contact: {
+    title: "Contact Us",
+    lines: ["+8802-58952280", "info@uttara.ac.bd"],
+  },
+  copyright: "© 2025 Uttara University. All Rights Reserved",
+  mapSrc: "/footer/footer25/map.png",
+  mapPinSrc: "/footer/footer25/map-pin.svg",
+  mapLabel: "uttara university",
+  className: "",
+};

package/templates/components/organisms/Footer25/index.js

@@ -0,0 +1 @@
+export { Footer25, default } from "./Footer25";

package/templates/components/organisms/Footer26/Footer26.jsx

@@ -0,0 +1,167 @@
+"use client";
+
+import SafeImage from "../../atoms/SafeImage";
+import {
+  footer26DefaultProps,
+  footer26PropTypes,
+} from "./Footer26.propTypes";
+
+function FacebookIcon({ className = "" }) {
+  return (
+    <svg viewBox="0 0 10 20" fill="currentColor" aria-hidden="true" className={className}>
+      <path d="M6.5 2H5a2 2 0 00-2 2v2H1v3h2v7h3v-7h2.5l.5-3H6V4c0-.55.45-1 1-1h1.5V2H6.5z" />
+    </svg>
+  );
+}
+
+function InstagramIcon({ className = "" }) {
+  return (
+    <svg viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" className={className}>
+      <path d="M10 1.8c2.67 0 2.99.01 4.04.06 1.01.05 1.56.23 1.93.38.48.19.83.41 1.19.77.36.36.58.71.77 1.19.15.37.33.92.38 1.93.05 1.05.06 1.37.06 4.04s-.01 2.99-.06 4.04c-.05 1.01-.23 1.56-.38 1.93-.19.48-.41.83-.77 1.19-.36.36-.71.58-1.19.77-.37.15-.92.33-1.93.38-1.05.05-1.37.06-4.04.06s-2.99-.01-4.04-.06c-1.01-.05-1.56-.23-1.93-.38a3.2 3.2 0 01-1.19-.77 3.2 3.2 0 01-.77-1.19c-.15-.37-.33-.92-.38-1.93C1.81 14.99 1.8 14.67 1.8 12s.01-2.99.06-4.04c.05-1.01.23-1.56.38-1.93.19-.48.41-.83.77-1.19.36-.36.71-.58 1.19-.77.37-.15.92-.33 1.93-.38C7.01 1.81 7.33 1.8 10 1.8zm0 3.7a6.5 6.5 0 100 13 6.5 6.5 0 000-13zm0 10.6a4.1 4.1 0 110-8.2 4.1 4.1 0 010 8.2zm6.5-11.1a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0z" />
+    </svg>
+  );
+}
+
+function YoutubeIcon({ className = "" }) {
+  return (
+    <svg viewBox="0 0 22 16" fill="currentColor" aria-hidden="true" className={className}>
+      <path d="M21.5 3.2a2.5 2.5 0 00-1.75-1.75C17.5 1 11 1 11 1S4.5 1 2.25 1.45A2.5 2.5 0 00.5 3.2 26 26 0 000 8a26 26 0 00.5 4.8 2.5 2.5 0 001.75 1.75C4.5 15 11 15 11 15s6.5 0 8.75-.45A2.5 2.5 0 0021.5 12.8 26 26 0 0022 8a26 26 0 00-.5-4.8zM8.75 11.5V4.5L14.5 8l-5.75 3.5z" />
+    </svg>
+  );
+}
+
+function LinkedinIcon({ className = "" }) {
+  return (
+    <svg viewBox="0 0 17 17" fill="currentColor" aria-hidden="true" className={className}>
+      <rect x="1" y="6" width="3" height="10" />
+      <circle cx="2.5" cy="3" r="1.8" />
+      <path d="M7 6h2.8v1.2c.5-.9 1.5-1.4 2.6-1.4 2.8 0 3.1 1.8 3.1 4.1V16H13v-4.2c0-1 0-2.3-1.4-2.3-1.4 0-1.6 1.1-1.6 2.1V16H7V6z" />
+    </svg>
+  );
+}
+
+const SOCIAL_ICONS = {
+  facebook: FacebookIcon,
+  instagram: InstagramIcon,
+  youtube: YoutubeIcon,
+  linkedin: LinkedinIcon,
+};
+
+/**
+ * Footer26 — Joules Power Limited renewable energy footer.
+ * Figma node 32:20798 at 1920px.
+ */
+export function Footer26({
+  logoSrc = footer26DefaultProps.logoSrc,
+  logoAlt = footer26DefaultProps.logoAlt,
+  description = footer26DefaultProps.description,
+  socialButtons = footer26DefaultProps.socialButtons,
+  quickLinksTitle = footer26DefaultProps.quickLinksTitle,
+  quickLinks = footer26DefaultProps.quickLinks,
+  copyright = footer26DefaultProps.copyright,
+  legalLinks = footer26DefaultProps.legalLinks,
+  className = "",
+}) {
+  const midpoint = Math.ceil(quickLinks.length / 2);
+  const leftLinks = quickLinks.slice(0, midpoint);
+  const rightLinks = quickLinks.slice(midpoint);
+
+  return (
+    <footer
+      className={["relative w-full overflow-hidden bg-white", className]
+        .filter(Boolean)
+        .join(" ")}
+      data-footer="footer26"
+    >
+      <div className="mx-auto flex w-full max-w-[1920px] flex-col gap-12 px-4 py-10 sm:px-6 md:px-10 lg:gap-[50px] lg:px-[75px] lg:py-[75px]">
+        <div className="flex flex-col gap-10 lg:flex-row lg:items-start lg:justify-between">
+          <div className="flex max-w-xs flex-col gap-6">
+            <SafeImage
+              src={logoSrc}
+              alt={logoAlt}
+              width={200}
+              height={64}
+              className="h-auto w-full max-w-[200px]"
+            />
+            <p className="text-sm leading-normal text-[#0a142f]/50">{description}</p>
+            <div className="flex flex-wrap items-center gap-7">
+              {socialButtons.map((social) => {
+                const Icon = SOCIAL_ICONS[social.icon] ?? FacebookIcon;
+                return (
+                  <a
+                    key={social.label}
+                    href={social.href ?? "#"}
+                    aria-label={social.label}
+                    className="text-[#0a142f] transition-colors duration-200 ease-out hover:opacity-70 focus-visible:outline-2 focus-visible:outline-offset-2"
+                  >
+                    <Icon className="h-5 w-auto" />
+                  </a>
+                );
+              })}
+            </div>
+          </div>
+
+          <div className="flex flex-col gap-4">
+            <p className="text-base font-semibold leading-7 text-[#0a142f]">
+              {quickLinksTitle}
+            </p>
+            <div className="flex flex-col gap-10 sm:flex-row sm:gap-[130px]">
+              <ul className="flex flex-col gap-2.5">
+                {leftLinks.map((link) => (
+                  <li key={link.label}>
+                    <a
+                      href={link.href ?? "#"}
+                      className="text-base font-medium leading-normal text-[#0a142f]/60 transition-colors duration-200 ease-out hover:text-[#0a142f] focus-visible:outline-2 focus-visible:outline-offset-2"
+                    >
+                      {link.label}
+                    </a>
+                  </li>
+                ))}
+              </ul>
+              <ul className="flex flex-col gap-2.5">
+                {rightLinks.map((link) => (
+                  <li key={link.label}>
+                    <a
+                      href={link.href ?? "#"}
+                      className="text-base font-medium leading-normal text-[#0a142f]/60 transition-colors duration-200 ease-out hover:text-[#0a142f] focus-visible:outline-2 focus-visible:outline-offset-2"
+                    >
+                      {link.label}
+                    </a>
+                  </li>
+                ))}
+              </ul>
+            </div>
+          </div>
+        </div>
+
+        <div className="flex flex-col gap-5">
+          <div className="h-px w-full bg-[#0a142f]/10" />
+          <div className="flex flex-col items-center justify-between gap-4 sm:flex-row">
+            <p className="text-base font-medium text-[#0a142f]/60">{copyright}</p>
+            <div className="flex flex-wrap items-center justify-center gap-2">
+              {legalLinks.map((link, index) => (
+                <span key={link.label} className="flex items-center gap-2">
+                  {index > 0 ? (
+                    <span className="text-[#0a142f]/40" aria-hidden="true">
+                      |
+                    </span>
+                  ) : null}
+                  <a
+                    href={link.href ?? "#"}
+                    className="text-base font-medium text-[#0a142f]/60 transition-colors duration-200 ease-out hover:text-[#0a142f] focus-visible:outline-2 focus-visible:outline-offset-2"
+                  >
+                    {link.label}
+                  </a>
+                </span>
+              ))}
+            </div>
+          </div>
+        </div>
+      </div>
+    </footer>
+  );
+}
+
+Footer26.propTypes = footer26PropTypes;
+
+export default Footer26;

package/templates/components/organisms/Footer26/Footer26.propTypes.js

@@ -0,0 +1,54 @@
+import PropTypes from "prop-types";
+
+const linkShape = PropTypes.shape({
+  label: PropTypes.string.isRequired,
+  href: PropTypes.string,
+});
+
+const socialShape = PropTypes.shape({
+  label: PropTypes.string.isRequired,
+  href: PropTypes.string,
+  icon: PropTypes.oneOf(["facebook", "instagram", "youtube", "linkedin"]),
+});
+
+export const footer26PropTypes = {
+  logoSrc: PropTypes.string,
+  logoAlt: PropTypes.string,
+  description: PropTypes.string,
+  socialButtons: PropTypes.arrayOf(socialShape),
+  quickLinksTitle: PropTypes.string,
+  quickLinks: PropTypes.arrayOf(linkShape),
+  copyright: PropTypes.string,
+  legalLinks: PropTypes.arrayOf(linkShape),
+  className: PropTypes.string,
+};
+
+export const footer26DefaultProps = {
+  logoSrc: "/footer/footer26/logo-jpl.svg",
+  logoAlt: "Joules Power Limited",
+  description:
+    "Joules Power Limited (JPL) is at the forefront of renewable energy development in Bangladesh.",
+  socialButtons: [
+    { label: "Facebook", href: "#", icon: "facebook" },
+    { label: "Instagram", href: "#", icon: "instagram" },
+    { label: "YouTube", href: "#", icon: "youtube" },
+    { label: "LinkedIn", href: "#", icon: "linkedin" },
+  ],
+  quickLinksTitle: "Quick Links",
+  quickLinks: [
+    { label: "About Us", href: "#" },
+    { label: "Board of Directors", href: "#" },
+    { label: "Awards & Achievements", href: "#" },
+    { label: "Our Culture", href: "#" },
+    { label: "Commercial Projects", href: "#" },
+    { label: "Industrial Projects", href: "#" },
+    { label: "News", href: "#" },
+    { label: "Contact Us", href: "#" },
+  ],
+  copyright: "© 2024 Joules Power Limited. All Rights Reserved.",
+  legalLinks: [
+    { label: "Privacy", href: "#" },
+    { label: "Terms & Conditions", href: "#" },
+  ],
+  className: "",
+};

package/templates/components/organisms/Footer26/index.js

@@ -0,0 +1 @@
+export { Footer26, default } from "./Footer26";