radikrisffnext

import React from 'react'
import { builder, BuilderComponent } from '@builder.io/react'
import MemberDetail from '../../components/Member/MemberDetail'
 
export async function getStaticPaths() {
 let members = await builder.getAll('member', {
   omit: 'data.blocks',
 })
 
 const paths = members.map((member) => ({

radikrisffnext

import { BuilderComponent } from '@builder.io/react'
 
// import where your custom components are registered
import MemberDetail from '../components/Member/MemberDetail'
 
 
// This page is purely for using the Builder.io editor to edit symbols
export default function EditBuilderSymbol() {
 return (
   <BuilderComponent

radikrisffnext

import React from 'react'
import { Builder } from '@builder.io/react'
import Image from 'next/image'
 
const MemberDetail = ({ id, name, title, description, image }) => {
 return (
   <div className="w-full rounded-3xl border-gray-500 border-2 shadow-xl flex justify-between p-8">
     <div className="w-full">
       <div className="flex gap-y-4 gap-x-8">
         {image && (

radikrisffnext

import React from 'react'
import { builder } from '@builder.io/react'
import MemberCard from '../../components/Member/MemberCard'
 
export async function getStaticProps({ paramsl }) {
 let members = await builder.getAll('member', {
   options: {
     // sort: {  //TODO you can sort it or add other options
     //   'data.name': 1,
     // },

radikrisffnext

import { Link } from '@components/Link/Link'
import Image from 'next/image'
import React from 'react'
 
const MemberCard = ({ id, member }) => {
 return (
   <Link href={`/members/${id}`}>
     <div className="flex flex-col gap-y-4 rounded-3xl bg-white p-4 h-64 shadow-lg shrink-0 items-center justify-center hover:-translate-y-1 hover:scale-110 duration-200">
       <div style={{ borderRadius: '99999px', overflow: 'hidden' }}>
         <Image

radikrisffnext

<>
     <Navbar />
     <div className="container mx-auto" style={{ marginTop: '80px' }}>
       <Component {...pageProps} />
     </div>
   </>

radikrisffnext

import '../styles/globals.css'
import type { AppProps } from 'next/app'
 
import { builder } from '@builder.io/react'
import Navbar from '../components/Navbar/Navbar'
import builderConfig from '@config/builder'
builder.init(builderConfig.apiKey)
 
export default function MyApp({ Component, pageProps }: AppProps) {
 return (

radikrisffnext

import { Link } from '@components/Link/Link'
import Image from 'next/image'
import React from 'react'
 
const Navbar = () => {
 return (
   <div className="h-16 w-full flex items-center justify-between px-4 py-2 shadow-md shadow-gray-300 fixed top-0 z-10 bg-white">
     <Image src="/logo.jpeg" width={64} height={64} />
     <div className="flex gap-x-8">
       <Link href="/">

radikrisffnext

import '../styles/globals.css'

radikrisffnext

import '../styles/globals.css'