@extends('layouts.master')
@section('title', 'About')
@push('styles') @vite(['resources/sass/pages-sass/about.scss']) @endpush
@section('content') <div id="app"> <pages-header banner-src="{{ asset('assets/images/abouts/1.jpg') }}" banner-alt="About PUP San Juan Banner"> About PUP San Juan </pages-header> </div>
@vite(['resources/js/app.js'])
<article class="about-page">
<section class="buttons-class">
<a href="{{ route('vmgo') }}">Vision, Mission, and Goals</a>
<a href="{{ route('history') }}">History</a>
<a href="{{ route('administration') }}">Administration</a>
<a href="{{ route('facilities') }}">Facilities</a>
<a href="{{ route('faculty-staff') }}">Faculty and Staff</a>
<a href="{{ route('local-task-force') }}">Local Task Force</a>
</section>
<section class="card-fx" id="about-desc">
<p>
Despite its proximity to the Manila Main Campus, the Polytechnic University of the Philippines –
San Juan City Campus which started as a locally funded campus by the City Government of San Juan
established in
2008 by Mayor Joseph Victor "JV" G. Ejercito, is now a viable institution by virtue of Republic Act
11348. This is
one of its many firsts as it officially becomes an integral part of the University system in terms
of funding source
and is continuously growing and developing as a higher learning institution.<br><br>To wit, PUP San
Juan City Branch
offers various academic programs such as Bachelor of Science in Accountancy, Bachelor of Science in
Business
Administration major in Financial Management, Bachelor of Science in Entrepreneurship, Bachelor of
Secondary
Education major in English, Bachelor of Science in Hospitality Management, Bachelor of Science in
Information
Technology and Bachelor of Science in Psychology. <br><br>To this day, it thrives to become the
Tanglaw ng Bayan sa Dambana ng Kagitingan!
</p>
</section>
</article>
@endsection
about.blade.php
import { Button } from '@/components/ui/button'; import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from '@/components/ui/dialog'; import Layout from '@/layouts/landing-layout'; import { Head } from '@inertiajs/react';
export default function Programs() { return ( <> <Head title="Exhibits"> <link rel="preconnect" href="https://fonts.bunny.net" /> <link href="https://fonts.bunny.net/css?family=instrument-sans:400,500,600" rel="stylesheet" /> </Head> <Layout> <div className="flex flex-col items-center gap-8"> <div className="relative z-10 mt-7 flex h-[10vw] w-[75%] items-center justify-center overflow-hidden rounded-xl"> <img src="/images/campus/ground.jpg" alt="Programs Banner" className="absolute inset-0 h-full w-full object-cover" /> <div className="absolute inset-0 bg-gradient-to-r from-[#7f1414] via-[#7f1414]/70 to-transparent"></div> <div className="relative z-10 px-8 text-center text-white"> <h1 className="text-6xl font-bold">Exhibits</h1> <h2 className="mt-2"> Polytechnic University of the Philippines <b>San Juan Campus</b> </h2> </div> </div>{' '} <div className="grid w-[75%] grid-cols-4 gap-2"> <div className="group overflow-hidden rounded-xl border border-[#7f1414]/25 bg-white duration-300 hover:border-[#7f1414]"> <div className="grid place-items-center bg-[linear-gradient(120deg,#7f1414_0%,#c12c2c_100%)]"> <img className="my-5 h-40 transition duration-300 group-hover:scale-110" src="/images/exhibits/student-handbook.png" alt="Student Handbook" /> </div> <div className="rounded-b-xl p-6"> <h1 className="mb-2 text-xl font-bold text-[#7f1414] group-hover:text-[#a01818]">Student Handbook</h1> <p> Click to explore this interactive exhibit and discover its contents. </p> <div className="flex justify-end"> <Dialog> <DialogTrigger asChild> <Button className="mt-10 w-30 cursor-pointer rounded-full border-none bg-[linear-gradient(130deg,#7f1414_0%,#c12c2c_50%,#7f1414_100%)] bg-[length:200%_200%] font-bold text-white transition-all duration-300 hover:scale-105 hover:bg-left hover:text-white"> View <svg fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" ></path> </svg> </Button> </DialogTrigger> <DialogContent> <DialogHeader> <DialogTitle>Student Handbook</DialogTitle> <DialogDescription>none</DialogDescription> </DialogHeader> {/* content */} <div></div> </DialogContent> </Dialog> </div> </div> </div> </div> </div> </Layout> </> ); }
now in this exhibit.tsx make it about like the reference
Loading...
i mean remove all the exhibit content, make it like about in the about.php
Loading...
import { Button } from '@/components/ui/button'; import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from '@/components/ui/dialog'; import Layout from '@/layouts/landing-layout'; import { Head } from '@inertiajs/react';
export default function About() { return ( <> <Head title="PUP San Juan"> <link rel="preconnect" href="https://fonts.bunny.net" /> <link href="https://fonts.bunny.net/css?family=instrument-sans:400,500,600" rel="stylesheet" /> </Head> <Layout> ABOUT </Layout> </> ); }
apply this here