transfer of git
This commit is contained in:
vidhubk
commit
3b7fbfd9a2
7
.eslintrc.json
Normal file
7
.eslintrc.json
Normal file
@ -0,0 +1,7 @@
|
||||
{
|
||||
"extends": "next/core-web-vitals",
|
||||
"rules": {
|
||||
"react/no-unescaped-entities": 0,
|
||||
"@next/next/no-img-element": "off"
|
||||
}
|
||||
}
|
||||
130
.gitignore
vendored
Normal file
130
.gitignore
vendored
Normal file
@ -0,0 +1,130 @@
|
||||
# Logs
|
||||
logs
|
||||
*.log
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
lerna-debug.log*
|
||||
.pnpm-debug.log*
|
||||
|
||||
# Diagnostic reports (https://nodejs.org/api/report.html)
|
||||
report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
|
||||
|
||||
# Runtime data
|
||||
pids
|
||||
*.pid
|
||||
*.seed
|
||||
*.pid.lock
|
||||
|
||||
# Directory for instrumented libs generated by jscoverage/JSCover
|
||||
lib-cov
|
||||
|
||||
# Coverage directory used by tools like istanbul
|
||||
coverage
|
||||
*.lcov
|
||||
|
||||
# nyc test coverage
|
||||
.nyc_output
|
||||
|
||||
# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
|
||||
.grunt
|
||||
|
||||
# Bower dependency directory (https://bower.io/)
|
||||
bower_components
|
||||
|
||||
# node-waf configuration
|
||||
.lock-wscript
|
||||
|
||||
# Compiled binary addons (https://nodejs.org/api/addons.html)
|
||||
build/Release
|
||||
|
||||
# Dependency directories
|
||||
node_modules/
|
||||
jspm_packages/
|
||||
|
||||
# Snowpack dependency directory (https://snowpack.dev/)
|
||||
web_modules/
|
||||
|
||||
# TypeScript cache
|
||||
*.tsbuildinfo
|
||||
|
||||
# Optional npm cache directory
|
||||
.npm
|
||||
|
||||
# Optional eslint cache
|
||||
.eslintcache
|
||||
|
||||
# Optional stylelint cache
|
||||
.stylelintcache
|
||||
|
||||
# Microbundle cache
|
||||
.rpt2_cache/
|
||||
.rts2_cache_cjs/
|
||||
.rts2_cache_es/
|
||||
.rts2_cache_umd/
|
||||
|
||||
# Optional REPL history
|
||||
.node_repl_history
|
||||
|
||||
# Output of 'npm pack'
|
||||
*.tgz
|
||||
|
||||
# Yarn Integrity file
|
||||
.yarn-integrity
|
||||
|
||||
# dotenv environment variable files
|
||||
.env
|
||||
.env.development.local
|
||||
.env.test.local
|
||||
.env.production.local
|
||||
.env.local
|
||||
|
||||
# parcel-bundler cache (https://parceljs.org/)
|
||||
.cache
|
||||
.parcel-cache
|
||||
|
||||
# Next.js build output
|
||||
.next
|
||||
out
|
||||
|
||||
# Nuxt.js build / generate output
|
||||
.nuxt
|
||||
dist
|
||||
|
||||
# Gatsby files
|
||||
.cache/
|
||||
# Comment in the public line in if your project uses Gatsby and not Next.js
|
||||
# https://nextjs.org/blog/next-9-1#public-directory-support
|
||||
# public
|
||||
|
||||
# vuepress build output
|
||||
.vuepress/dist
|
||||
|
||||
# vuepress v2.x temp and cache directory
|
||||
.temp
|
||||
.cache
|
||||
|
||||
# Docusaurus cache and generated files
|
||||
.docusaurus
|
||||
|
||||
# Serverless directories
|
||||
.serverless/
|
||||
|
||||
# FuseBox cache
|
||||
.fusebox/
|
||||
|
||||
# DynamoDB Local files
|
||||
.dynamodb/
|
||||
|
||||
# TernJS port file
|
||||
.tern-port
|
||||
|
||||
# Stores VSCode versions used for testing VSCode extensions
|
||||
.vscode-test
|
||||
|
||||
# yarn v2
|
||||
.yarn/cache
|
||||
.yarn/unplugged
|
||||
.yarn/build-state.yml
|
||||
.yarn/install-state.gz
|
||||
.pnp.*
|
||||
93
app/(event)/photo-gallery/page.jsx
Normal file
93
app/(event)/photo-gallery/page.jsx
Normal file
@ -0,0 +1,93 @@
|
||||
'use client';
|
||||
import Countdown from '@/components/elements/Countdown';
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import { memoryData } from '@/utility/constant.utils';
|
||||
import Link from "next/link";
|
||||
import { useState } from 'react';
|
||||
|
||||
export default function Memories() {
|
||||
const years = Object.keys(memoryData).sort((a, b) => Number(b) - Number(a));
|
||||
const [selectedYear, setSelectedYear] = useState(years[0]); // Default to latest year
|
||||
|
||||
return (
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
{/* Header Section */}
|
||||
<div
|
||||
className="inner-page-header"
|
||||
style={{ backgroundImage: 'url(/assets/img/bg/header-bg11.png)' }}
|
||||
>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-6 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>Recent Memories</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">
|
||||
Home <i className="fa-solid fa-angle-right" /> <span>Recent Memories</span>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Memory Section */}
|
||||
<div className="memory-inner-section-area blog-details-section sp1">
|
||||
<div className="container">
|
||||
<div className="row gx-5">
|
||||
{/* Left Column: Year Tabs */}
|
||||
<div className="col-lg-3 mb-4 mb-lg-0">
|
||||
<div className="blog-auhtor-details sticky-top" style={{ top: "120px" }}>
|
||||
<div className="blog-categories">
|
||||
<ul className="list-unstyled">
|
||||
{years.map((year) => (
|
||||
<li key={year}>
|
||||
<button
|
||||
onClick={() => setSelectedYear(year)}
|
||||
className={`btn w-100 mb-2 category-btn ${selectedYear === year && 'active'}`}
|
||||
>
|
||||
Years {year}
|
||||
</button>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Right Column: Gallery */}
|
||||
<div className="col-lg-9">
|
||||
{/* <div className="heading12 mb-4 border-bottom pb-2">
|
||||
<h2 className="text-center">📷 Memories of {selectedYear}</h2>
|
||||
</div> */}
|
||||
|
||||
<div className="row justify-content-start">
|
||||
{memoryData[selectedYear]?.map((event, idx) => (
|
||||
<div className="col-lg-4 col-md-6 mb-4" key={idx}>
|
||||
<div className="memory3-boxarea">
|
||||
<div className="img1">
|
||||
<img src={event.image} alt={event.title} />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<p>{event.date}</p>
|
||||
<div className="space12" />
|
||||
<Link href={`photo-gallery/single-gallery?slug=${event.slug}`}>{event.title}</Link>
|
||||
<div className="plus">
|
||||
<Link href={`photo-gallery/single-gallery?slug=${event.slug}`}>
|
||||
<i className="fa-solid fa-plus" />
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
);
|
||||
}
|
||||
122
app/(event)/photo-gallery/single-gallery/page.tsx
Normal file
122
app/(event)/photo-gallery/single-gallery/page.tsx
Normal file
@ -0,0 +1,122 @@
|
||||
'use client';
|
||||
|
||||
import Layout from '@/components/layout/Layout';
|
||||
import { memoryData } from '@/utility/constant.utils';
|
||||
import Link from 'next/link';
|
||||
import { useSearchParams } from 'next/navigation';
|
||||
import { useState } from 'react';
|
||||
import Lightbox from "yet-another-react-lightbox";
|
||||
import "yet-another-react-lightbox/styles.css";
|
||||
|
||||
interface EventData {
|
||||
image: string;
|
||||
title: string;
|
||||
desc?: string;
|
||||
date: string;
|
||||
slug: string;
|
||||
link?: string;
|
||||
gallery?: string[];
|
||||
}
|
||||
|
||||
export default function SingleGallery() {
|
||||
const searchParams = useSearchParams();
|
||||
const slug = searchParams.get('slug');
|
||||
|
||||
// Flatten all events into a single array
|
||||
const allEvents: EventData[] = Object.values(memoryData).flat();
|
||||
|
||||
// Match event by slug
|
||||
const matchedEvent = allEvents.find(event => event.slug === slug);
|
||||
const galleryImages: string[] = matchedEvent?.gallery || [];
|
||||
|
||||
const [open, setOpen] = useState<boolean>(false);
|
||||
const [currentIndex, setCurrentIndex] = useState<number>(0);
|
||||
|
||||
const handleImageClick = (index: number) => {
|
||||
setCurrentIndex(index);
|
||||
setOpen(true);
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
{/* Header Section */}
|
||||
<div
|
||||
className="inner-page-header"
|
||||
style={{ backgroundImage: 'url(/assets/img/bg/header-bg11.png)' }}
|
||||
>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-6 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>Recent Memories</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">
|
||||
Home <i className="fa-solid fa-angle-right" /> <span>Recent Memories</span>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="bloginner-section-area sp1">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-12 m-auto">
|
||||
<div className="event2-header heading5 space-margin60">
|
||||
<h2 className="text-anime-style-3">
|
||||
{matchedEvent?.title || "Photos Gallery"}
|
||||
<p>{matchedEvent?.desc}</p>
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="row gx-5">
|
||||
<div className="col-lg-12">
|
||||
<div className="row mt-4">
|
||||
{galleryImages.map((src: string, index: number) => (
|
||||
<div
|
||||
key={index}
|
||||
className="col-lg-3 col-md-6 mb-4"
|
||||
data-aos="zoom-in"
|
||||
data-aos-duration={1000}
|
||||
>
|
||||
<div className="blog4-boxarea">
|
||||
<div
|
||||
className="img1"
|
||||
style={{ cursor: 'pointer' }}
|
||||
onClick={() => handleImageClick(index)}
|
||||
>
|
||||
<img
|
||||
src={src}
|
||||
alt={`gallery-${index}`}
|
||||
loading="lazy"
|
||||
style={{ width: '100%', height: 'auto' }}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
|
||||
{galleryImages.length === 0 && (
|
||||
<div className="col-12 text-center mt-5">
|
||||
<p className="text-muted">No images found for this event.</p>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Lightbox
|
||||
open={open}
|
||||
close={() => setOpen(false)}
|
||||
index={currentIndex}
|
||||
slides={galleryImages.map((src) => ({ src }))}
|
||||
/>
|
||||
</Layout>
|
||||
</>
|
||||
);
|
||||
}
|
||||
39
app/(event)/upcoming-event/page.jsx
Normal file
39
app/(event)/upcoming-event/page.jsx
Normal file
@ -0,0 +1,39 @@
|
||||
'use client';
|
||||
import Countdown from '@/components/elements/Countdown';
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import { memoryData } from '@/utility/constant.utils';
|
||||
import Link from "next/link";
|
||||
import { useState } from 'react';
|
||||
import UpcomingEventData from '../../../components/events/UpcomingEventData';
|
||||
|
||||
export default function Memories() {
|
||||
|
||||
return (
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
{/* Header Section */}
|
||||
<div
|
||||
className="inner-page-header"
|
||||
style={{ backgroundImage: 'url(/assets/img/bg/header-bg11.png)' }}
|
||||
>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-6 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>Upcoming Events</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">
|
||||
Home <i className="fa-solid fa-angle-right" /> <span>Upcoming Events</span>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<UpcomingEventData />
|
||||
|
||||
</div>
|
||||
</Layout>
|
||||
);
|
||||
}
|
||||
38
app/about/association/page.tsx
Normal file
38
app/about/association/page.tsx
Normal file
@ -0,0 +1,38 @@
|
||||
|
||||
import Countdown from '@/components/elements/Countdown'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import Section1 from "@/components/about/association/Section1"
|
||||
import Section2 from "@/components/about/association/Section2"
|
||||
import Section3 from "@/components/about/association/Section3"
|
||||
|
||||
export default function Association() {
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(../assets/img/bg/header-bg6.png)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-5 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>Association</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>About</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<Section1 />
|
||||
<Section2 />
|
||||
<Section3 />
|
||||
</div>
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
26
app/about/committee/page.tsx
Normal file
26
app/about/committee/page.tsx
Normal file
@ -0,0 +1,26 @@
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import Section1 from "@/components/about/committee/Section1"; // adjust path if needed
|
||||
|
||||
export default function CommitteePage() {
|
||||
return (
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div className="inner-page-header" style={{ backgroundImage: "url(../assets/img/bg/header-bg6.png)" }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-5 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>Committee</h1>
|
||||
<div className="space20" />
|
||||
<a href="/">Home <i className="fa-solid fa-angle-right" /> <span>Committee</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Injecting Section1 which has dynamic communityData logic */}
|
||||
<Section1 />
|
||||
</Layout>
|
||||
);
|
||||
}
|
||||
34
app/about/constitution/page.tsx
Normal file
34
app/about/constitution/page.tsx
Normal file
@ -0,0 +1,34 @@
|
||||
|
||||
import Countdown from '@/components/elements/Countdown'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import Section1 from "@/components/about/constitution/Section1"
|
||||
|
||||
export default function Constitution() {
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(../assets/img/bg/header-bg6.png)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-5 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>Constitution</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>About</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Section1 />
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
34
app/about/mission/page.tsx
Normal file
34
app/about/mission/page.tsx
Normal file
@ -0,0 +1,34 @@
|
||||
|
||||
import Countdown from '@/components/elements/Countdown'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import Section1 from "@/components/about/mission/Section1"
|
||||
import Section2 from "@/components/about/association/Section2"
|
||||
export default function Mission() {
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(../assets/img/bg/header-bg6.png)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-5 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>Mission</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>About</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Section1 />
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
37
app/about/page.tsx
Normal file
37
app/about/page.tsx
Normal file
@ -0,0 +1,37 @@
|
||||
'use client'
|
||||
import CountUp from 'react-countup'
|
||||
import Countdown from '@/components/elements/Countdown'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import BrandSlider from '@/components/slider/BrandSlider'
|
||||
import AboutUs from "@/components/about/AboutUs"
|
||||
import Link from "next/link"
|
||||
export default function About() {
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(assets/img/bg/header-bg5.png)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-4 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>About Us</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>About Us</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== HERO AREA ENDS =======*/}
|
||||
|
||||
<AboutUs />
|
||||
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
334
app/blog-single/page.tsx
Normal file
334
app/blog-single/page.tsx
Normal file
@ -0,0 +1,334 @@
|
||||
'use client'
|
||||
import { useState } from 'react'
|
||||
import ModalVideo from 'react-modal-video'
|
||||
import "@/node_modules/react-modal-video/css/modal-video.css"
|
||||
import Countdown from '@/components/elements/Countdown'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
export default function BlogSingle() {
|
||||
|
||||
const [isOpen, setOpen] = useState(false)
|
||||
return (
|
||||
<>
|
||||
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(assets/img/bg/header-bg14.png)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-6 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>Blog Details</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>Blog Details</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== HERO AREA ENDS =======*/}
|
||||
{/*===== BLOG AREA STARTS =======*/}
|
||||
<div className="blog-details-section sp8">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-8">
|
||||
<div className="blog-deatils-content heading2">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/blog/blog-img7.png" alt="" />
|
||||
</div>
|
||||
<div className="space32" />
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />26 Jan 2025 <span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/user1.svg" alt="" />Gisselle <span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/comments1.svg" alt="" />2 Comments</Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space18" />
|
||||
<h2>Step Into the Future of Business with Eventify</h2>
|
||||
<div className="space16" />
|
||||
<p>At Eventify 2024, you'll join an exclusive gathering of business leaders and innovators shaping the future their industries. This one-day conference offers dynamic sessions on leadership, technology, and strategy to help you stay ahead in today's competitive market. Whether you're looking to unlock new opportunities or build lasting eventify partnerships, Eventify is where you need to be.</p>
|
||||
<div className="space48" />
|
||||
<div className="row">
|
||||
<div className="col-lg-6 col-md-6">
|
||||
<div className="img1 image-anime">
|
||||
<img src="/assets/img/all-images/blog/blog-img8.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6">
|
||||
<div className="space30 d-md-none d-block" />
|
||||
<div className="img1 image-anime">
|
||||
<img src="/assets/img/all-images/blog/blog-img9.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space32" />
|
||||
<h3>Eventify: Your Gateway Strategic Growth</h3>
|
||||
<div className="space16" />
|
||||
<p>Fuel an your business growth with actionable insights from world-class experts at Eventify 2024. This premier event brings together forward-thinking professionals to explore the latest trends, technologies, and strategies for success. From keynote speeches to interactive workshops, Eventify provides you with the tools you need.</p>
|
||||
<div className="space16" />
|
||||
<p>"Join us at Eventify 2024, where innovation meets opportunity. This conference is the ultimate destination for business leaders seeking to push the boundaries of an what's possible. With sessions on disruptive technologies, leadership trends, and market strategies, you'll walk away with the knowledge and connections to lead.</p>
|
||||
<div className="space48" />
|
||||
<div className="video-btn-area">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/blog/blog-img10.png" alt="" />
|
||||
</div>
|
||||
<div className="play">
|
||||
<a onClick={() => setOpen(true)} className="popup-youtube"><i className="fa-solid fa-play" /></a>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space32" />
|
||||
<h3>Reimagine Business Possibilities Eventify</h3>
|
||||
<div className="space16" />
|
||||
<p>"Eventify 2024 is the ultimate destination for professionals eager to stay ahead in the evolving business landscape. This event brings together to innovators, meetup industry leaders, and experts to explore the future of business strategy technology.</p>
|
||||
<div className="space32" />
|
||||
<div className="tags-social-area">
|
||||
<div className="tags">
|
||||
<h4>Tags:</h4>
|
||||
<ul>
|
||||
<li><Link href="/#">#Conferences</Link></li>
|
||||
<li><Link href="/#" className="m-0">#Meetup</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="social">
|
||||
<h4>Social:</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><i className="fa-brands fa-facebook-f" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><i className="fa-brands fa-instagram" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#" className="m-0"><i className="fa-brands fa-youtube" /></Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4">
|
||||
<div className="space30 d-lg-none d-block" />
|
||||
<div className="blog-auhtor-details">
|
||||
<div className="search-area">
|
||||
<h3>Search</h3>
|
||||
<div className="space24" />
|
||||
<form>
|
||||
<input type="text" placeholder="Search..." />
|
||||
<button type="submit"><i className="fa-solid fa-magnifying-glass" /></button>
|
||||
</form>
|
||||
</div>
|
||||
<div className="space32" />
|
||||
<div className="blog-categories">
|
||||
<h3>Blog Category</h3>
|
||||
<div className="space12" />
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#">Business Innovation <span><i className="fa-solid fa-angle-right" /></span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#">Leadership & Strategy <span><i className="fa-solid fa-angle-right" /></span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#">Networking & Collaboration <span><i className="fa-solid fa-angle-right" /></span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#">Entrepreneurship Startups <span><i className="fa-solid fa-angle-right" /></span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#">Marketing & Branding <span><i className="fa-solid fa-angle-right" /></span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#">Event Highlights & Recaps <span><i className="fa-solid fa-angle-right" /></span></Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="space32" />
|
||||
<div className="tags-area">
|
||||
<h3>Popular Hastag</h3>
|
||||
<div className="space12" />
|
||||
<ul>
|
||||
<li><Link href="/#">#Conferences</Link></li>
|
||||
<li><Link href="/#">#Meetup</Link></li>
|
||||
<li><Link href="/#">#Event</Link></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><Link href="/#">#Eventify2024</Link></li>
|
||||
<li><Link href="/#">#DigitalTransformation</Link></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><Link href="/#">#BusinessLeadership</Link></li>
|
||||
<li><Link href="/#">#IndustryTrends</Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="space32" />
|
||||
<div className="author-images-area">
|
||||
<h3>Popular Author</h3>
|
||||
<div className="space12" />
|
||||
<ul>
|
||||
<li><img src="/assets/img/all-images/blog/blog-img11.png" alt="" /></li>
|
||||
<li><img src="/assets/img/all-images/blog/blog-img12.png" alt="" /></li>
|
||||
<li><img src="/assets/img/all-images/blog/blog-img13.png" alt="" /></li>
|
||||
<li><img src="/assets/img/all-images/blog/blog-img14.png" alt="" /></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><img src="/assets/img/all-images/blog/blog-img15.png" alt="" /></li>
|
||||
<li><img src="/assets/img/all-images/blog/blog-img16.png" alt="" /></li>
|
||||
<li><img src="/assets/img/all-images/blog/blog-img17.png" alt="" /></li>
|
||||
<li><img src="/assets/img/all-images/blog/blog-img18.png" alt="" /></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== BLOG AREA ENDS =======*/}
|
||||
{/*===== BLOG AREA STARTS =======*/}
|
||||
<div className="bloginner-section-area sp1">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-5 m-auto">
|
||||
<div className="heading2 text-center space-margin60">
|
||||
<h2>Read More Blogs</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration={800}>
|
||||
<div className="blog4-boxarea">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/memory/memory-img7.png" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />26 Jan 2025 <span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/user1.svg" alt="" />Beverly</Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/blog-single">Eventify 2024: Unlock the Future of Business</Link>
|
||||
<div className="space24" />
|
||||
<Link href="/blog-single" className="readmore">read more <i className="fa-solid fa-arrow-right" /></Link>
|
||||
<div className="arrow">
|
||||
<Link href="/blog-single"><i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration={1000}>
|
||||
<div className="blog4-boxarea">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/memory/memory-img8.png" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />26 Jan 2025 <span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/user1.svg" alt="" />Gisselle</Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/blog-single">Where Vision Meetup Connect: Eventify 2024</Link>
|
||||
<div className="space24" />
|
||||
<Link href="/blog-single" className="readmore">read more <i className="fa-solid fa-arrow-right" /></Link>
|
||||
<div className="arrow">
|
||||
<Link href="/blog-single"><i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration={1200}>
|
||||
<div className="blog4-boxarea">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/memory/memory-img9.png" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />26 Jan 2025 <span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/user1.svg" alt="" />Mertie</Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/blog-single">Fuel Your Business Growth at Eventify</Link>
|
||||
<div className="space24" />
|
||||
<Link href="/blog-single" className="readmore">read more <i className="fa-solid fa-arrow-right" /></Link>
|
||||
<div className="arrow">
|
||||
<Link href="/blog-single"><i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== BLOG AREA ENDS =======*/}
|
||||
{/*===== CTA AREA STARTS =======*/}
|
||||
<div className="cta1-section-area d-lg-block d-block">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="cta1-main-boxarea">
|
||||
<div className="timer-btn-area">
|
||||
<Countdown />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn1">Buy Ticket</Link>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />30 January 2025 - 6pm to 11:30pm</Link>
|
||||
</li>
|
||||
<li className="m-0">
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />Secret Location In The UK</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== CTA AREA ENDS =======*/}
|
||||
{/*===== CTA AREA STARTS =======*/}
|
||||
<div className="cta1-section-area d-lg-none d-block">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="cta1-main-boxarea">
|
||||
<div className="timer-btn-area">
|
||||
<Countdown />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn1">Buy Ticket</Link>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />30 January 2025 - 6pm to 11:30pm</Link>
|
||||
</li>
|
||||
<li className="m-0">
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />Secret Location In The UK</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<ModalVideo channel='youtube' isOpen={isOpen} videoId="JXMWOmuR1hU" onClose={() => setOpen(false)} />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
328
app/blog/page.tsx
Normal file
328
app/blog/page.tsx
Normal file
@ -0,0 +1,328 @@
|
||||
|
||||
|
||||
import Countdown from '@/components/elements/Countdown'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
export default function Blog() {
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(assets/img/bg/header-bg13.png)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-6 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>Our Blog</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>Our Blog</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== HERO AREA ENDS =======*/}
|
||||
{/*===== BLOG AREA STARTS =======*/}
|
||||
<div className="bloginner-section-area sp1">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration={800}>
|
||||
<div className="blog4-boxarea">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/blog/blog-img4.png" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />26 Jan 2025 <span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/user1.svg" alt="" />Beverly</Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/blog-single">Save soil, save world Projects in 2020</Link>
|
||||
<div className="space24" />
|
||||
<Link href="/blog-single" className="readmore">read more <i className="fa-solid fa-arrow-right" /></Link>
|
||||
<div className="arrow">
|
||||
<Link href="/blog-single"><i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration={1000}>
|
||||
<div className="blog4-boxarea">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/blog/blog-img5.png" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />26 Jan 2025 <span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/user1.svg" alt="" />Gisselle</Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/blog-single">Civil Litigation paper’s Of Conference</Link>
|
||||
<div className="space24" />
|
||||
<Link href="/blog-single" className="readmore">read more <i className="fa-solid fa-arrow-right" /></Link>
|
||||
<div className="arrow">
|
||||
<Link href="/blog-single"><i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration={1200}>
|
||||
<div className="blog4-boxarea">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/blog/blog-img6.png" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />26 Jan 2025 <span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/user1.svg" alt="" />Mertie</Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/blog-single">Greetings and Opening Event of health</Link>
|
||||
<div className="space24" />
|
||||
<Link href="/blog-single" className="readmore">read more <i className="fa-solid fa-arrow-right" /></Link>
|
||||
<div className="arrow">
|
||||
<Link href="/blog-single"><i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration={800}>
|
||||
<div className="blog4-boxarea">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/memory/memory-img7.png" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />26 Jan 2025 <span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/user1.svg" alt="" />Beverly</Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/blog-single">Eventify 2024: Unlock the Future of Business</Link>
|
||||
<div className="space24" />
|
||||
<Link href="/blog-single" className="readmore">read more <i className="fa-solid fa-arrow-right" /></Link>
|
||||
<div className="arrow">
|
||||
<Link href="/blog-single"><i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration={1000}>
|
||||
<div className="blog4-boxarea">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/memory/memory-img8.png" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />26 Jan 2025 <span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/user1.svg" alt="" />Gisselle</Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/blog-single">Where Vision Meetup Connect: Eventify 2024</Link>
|
||||
<div className="space24" />
|
||||
<Link href="/blog-single" className="readmore">read more <i className="fa-solid fa-arrow-right" /></Link>
|
||||
<div className="arrow">
|
||||
<Link href="/blog-single"><i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration={1200}>
|
||||
<div className="blog4-boxarea">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/memory/memory-img9.png" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />26 Jan 2025 <span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/user1.svg" alt="" />Mertie</Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/blog-single">Fuel Your Business Growth at Eventify</Link>
|
||||
<div className="space24" />
|
||||
<Link href="/blog-single" className="readmore">read more <i className="fa-solid fa-arrow-right" /></Link>
|
||||
<div className="arrow">
|
||||
<Link href="/blog-single"><i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration={800}>
|
||||
<div className="blog4-boxarea">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/memory/memory-img4.png" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />26 Jan 2025 <span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/user1.svg" alt="" />Beverly</Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/blog-single">Ignite Your Business Potential at Eventify</Link>
|
||||
<div className="space24" />
|
||||
<Link href="/blog-single" className="readmore">read more <i className="fa-solid fa-arrow-right" /></Link>
|
||||
<div className="arrow">
|
||||
<Link href="/blog-single"><i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration={1000}>
|
||||
<div className="blog4-boxarea">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/memory/memory-img11.png" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />26 Jan 2025 <span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/user1.svg" alt="" />Gisselle</Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/blog-single">Step Into the Future of Business with Eventify</Link>
|
||||
<div className="space24" />
|
||||
<Link href="/blog-single" className="readmore">read more <i className="fa-solid fa-arrow-right" /></Link>
|
||||
<div className="arrow">
|
||||
<Link href="/blog-single"><i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration={1200}>
|
||||
<div className="blog4-boxarea">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/memory/memory-img6.png" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />26 Jan 2025 <span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/user1.svg" alt="" />Mertie</Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/blog-single">Empowering Business Growth at Eventify</Link>
|
||||
<div className="space24" />
|
||||
<Link href="/blog-single" className="readmore">read more <i className="fa-solid fa-arrow-right" /></Link>
|
||||
<div className="arrow">
|
||||
<Link href="/blog-single"><i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space30" />
|
||||
<div className="pagination-area">
|
||||
<nav aria-label="Page navigation example">
|
||||
<ul className="pagination">
|
||||
<li className="page-item">
|
||||
<Link className="page-link" href="/#" aria-label="Previous">
|
||||
<i className="fa-solid fa-angle-left" />
|
||||
</Link>
|
||||
</li>
|
||||
<li className="page-item"><Link className="page-link active" href="/#">1</Link></li>
|
||||
<li className="page-item"><Link className="page-link" href="/#">2</Link></li>
|
||||
<li className="page-item"><Link className="page-link" href="/#">...</Link></li>
|
||||
<li className="page-item"><Link className="page-link" href="/#">12</Link></li>
|
||||
<li className="page-item">
|
||||
<Link className="page-link" href="/#" aria-label="Next">
|
||||
<i className="fa-solid fa-angle-right" />
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== BLOG AREA ENDS =======*/}
|
||||
{/*===== CTA AREA STARTS =======*/}
|
||||
<div className="cta1-section-area d-lg-block d-block">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="cta1-main-boxarea">
|
||||
<div className="timer-btn-area">
|
||||
<Countdown />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn1">Buy Ticket</Link>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />30 January 2025 - 6pm to 11:30pm</Link>
|
||||
</li>
|
||||
<li className="m-0">
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />Secret Location In The UK</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== CTA AREA ENDS =======*/}
|
||||
{/*===== CTA AREA STARTS =======*/}
|
||||
<div className="cta1-section-area d-lg-none d-block">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="cta1-main-boxarea">
|
||||
<div className="timer-btn-area">
|
||||
<Countdown />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn1">Buy Ticket</Link>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />30 January 2025 - 6pm to 11:30pm</Link>
|
||||
</li>
|
||||
<li className="m-0">
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />Secret Location In The UK</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
34
app/community/business-directory/page.tsx
Normal file
34
app/community/business-directory/page.tsx
Normal file
@ -0,0 +1,34 @@
|
||||
|
||||
import Countdown from '@/components/elements/Countdown'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import Section1 from "@/components/businessdirectory/Section1"
|
||||
|
||||
export default function BusinessDirectory() {
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(/../assets/img/bg/header-bg6.png)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-5 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>Business Directory</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>About</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Section1 />
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
37
app/community/page.tsx
Normal file
37
app/community/page.tsx
Normal file
@ -0,0 +1,37 @@
|
||||
'use client'
|
||||
import CountUp from 'react-countup'
|
||||
import Countdown from '@/components/elements/Countdown'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import BrandSlider from '@/components/slider/BrandSlider'
|
||||
import Community from "@/components/community/Community"
|
||||
import Link from "next/link"
|
||||
export default function CommunityPage() {
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(assets/img/bg/header-bg5.png)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-4 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>Community</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>Community</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== HERO AREA ENDS =======*/}
|
||||
|
||||
<Community />
|
||||
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
88
app/community/recipes/page.tsx
Normal file
88
app/community/recipes/page.tsx
Normal file
@ -0,0 +1,88 @@
|
||||
|
||||
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import { recipesList } from "../../../utility/constant.utils";
|
||||
export default function Recipes() {
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(../assets/img/bg/header-bg13.png)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-6 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>Recipes</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>Recipes</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== HERO AREA ENDS =======*/}
|
||||
{/*===== BLOG AREA STARTS =======*/}
|
||||
<div className="bloginner-section-area sp1">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
{recipesList.map((post) => (
|
||||
|
||||
<div key= {post.id} className="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration={800}>
|
||||
<div className="blog4-boxarea">
|
||||
<div className="img1">
|
||||
<img src={post.image} alt={post.title} />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />{post.date}<span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/user1.svg" alt="" />{post.user}</Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href={`/community/single-recipes?slug=${post?.slug}`}> {post.title.length > 40 ? `${post.title.slice(0, 40)}...` : post?.title}</Link>
|
||||
<div className="space24" />
|
||||
<Link href="/blog-single" className="readmore">read more <i className="fa-solid fa-arrow-right" /></Link>
|
||||
<div className="arrow">
|
||||
<Link href="/blog-single"><i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))
|
||||
}
|
||||
</div>
|
||||
<div className="space30" />
|
||||
<div className="pagination-area">
|
||||
<nav aria-label="Page navigation example">
|
||||
<ul className="pagination">
|
||||
<li className="page-item">
|
||||
<Link className="page-link" href="/#" aria-label="Previous">
|
||||
<i className="fa-solid fa-angle-left" />
|
||||
</Link>
|
||||
</li>
|
||||
<li className="page-item"><Link className="page-link active" href="/#">1</Link></li>
|
||||
<li className="page-item"><Link className="page-link" href="/#">2</Link></li>
|
||||
<li className="page-item"><Link className="page-link" href="/#">...</Link></li>
|
||||
<li className="page-item"><Link className="page-link" href="/#">12</Link></li>
|
||||
<li className="page-item">
|
||||
<Link className="page-link" href="/#" aria-label="Next">
|
||||
<i className="fa-solid fa-angle-right" />
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
184
app/community/single-recipes/page.tsx
Normal file
184
app/community/single-recipes/page.tsx
Normal file
@ -0,0 +1,184 @@
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import { recipesList } from "@/utility/constant.utils";
|
||||
import PageLoader from "@/components/common-component/PageLoader";
|
||||
import Link from "next/link"
|
||||
import { useSearchParams } from 'next/navigation';
|
||||
import { useEffect, useState } from "react";
|
||||
import { Suspense } from "react";
|
||||
|
||||
const Page = () => {
|
||||
// const { slug } = params;
|
||||
const searchParams = useSearchParams();
|
||||
const slug = searchParams.get('slug');
|
||||
console.log("slug", slug)
|
||||
const post = recipesList.find((post) => post.slug === slug);
|
||||
const [mounted, setMounted] = useState(false);
|
||||
|
||||
useEffect(() => {
|
||||
setMounted(true);
|
||||
}, []);
|
||||
|
||||
if (!post) {
|
||||
return <p>post not found!</p>;
|
||||
}
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(../../assets/img/bg/header-bg13.png)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-6 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>Recipes</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>Recipes</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/*===== BLOG AREA STARTS =======*/}
|
||||
<div className="blog-details-section sp8">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-12">
|
||||
<div className="blog-deatils-content heading2">
|
||||
<div className="img1">
|
||||
<img src={post?.image} alt="recipe" />
|
||||
</div>
|
||||
<div className="space32" />
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />{post?.date} <span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/user1.svg" alt="" />{post?.user}<span> | </span></Link>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<div className="space18" />
|
||||
{mounted && <div dangerouslySetInnerHTML={{ __html: post?.description || "" }} />}
|
||||
|
||||
<div className="space32" />
|
||||
<div className="tags-social-area">
|
||||
<div className="tags">
|
||||
{mounted && <div dangerouslySetInnerHTML={{ __html: post?.tags || "" }} />}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== BLOG AREA ENDS =======*/}
|
||||
{/*===== BLOG AREA STARTS =======*/}
|
||||
<div className="bloginner-section-area sp1">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-5 m-auto">
|
||||
<div className="heading2 text-center space-margin60">
|
||||
<h2>Read More Recipes</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration={800}>
|
||||
<div className="blog4-boxarea">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/memory/memory-img7.png" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />26 Jan 2025 <span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/user1.svg" alt="" />Beverly</Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/blog-single">Eventify 2024: Unlock the Future of Business</Link>
|
||||
<div className="space24" />
|
||||
<Link href="/blog-single" className="readmore">read more <i className="fa-solid fa-arrow-right" /></Link>
|
||||
<div className="arrow">
|
||||
<Link href="/blog-single"><i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration={1000}>
|
||||
<div className="blog4-boxarea">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/memory/memory-img8.png" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />26 Jan 2025 <span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/user1.svg" alt="" />Gisselle</Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/blog-single">Where Vision Meetup Connect: Eventify 2024</Link>
|
||||
<div className="space24" />
|
||||
<Link href="/blog-single" className="readmore">read more <i className="fa-solid fa-arrow-right" /></Link>
|
||||
<div className="arrow">
|
||||
<Link href="/blog-single"><i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration={1200}>
|
||||
<div className="blog4-boxarea">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/memory/memory-img9.png" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />26 Jan 2025 <span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/user1.svg" alt="" />Mertie</Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/blog-single">Fuel Your Business Growth at Eventify</Link>
|
||||
<div className="space24" />
|
||||
<Link href="/blog-single" className="readmore">read more <i className="fa-solid fa-arrow-right" /></Link>
|
||||
<div className="arrow">
|
||||
<Link href="/blog-single"><i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== Recipe AREA ENDS =======*/}
|
||||
|
||||
</div>
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
const RecipePage = (() => {
|
||||
return (
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
|
||||
<Suspense fallback={<PageLoader />}>
|
||||
<Page />
|
||||
</Suspense>
|
||||
</Layout>
|
||||
)
|
||||
})
|
||||
|
||||
export default RecipePage;
|
||||
204
app/contact/page.tsx
Normal file
204
app/contact/page.tsx
Normal file
@ -0,0 +1,204 @@
|
||||
|
||||
import Countdown from '@/components/elements/Countdown'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
export default function Contact() {
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(assets/img/bg/header-bg12.png)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-6 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>Contact Us</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>Contact Us</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== HERO AREA ENDS =======*/}
|
||||
{/*===== CONTACT AREA STARTS =======*/}
|
||||
<div className="contact-inner-section sp1">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-6">
|
||||
<div className="img1 image-anime">
|
||||
<img src="/assets/img/all-images/contact/contact-img4.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6" data-aos="zoom-in" data-aos-duration={1000}>
|
||||
<div className="contact4-boxarea">
|
||||
<h3 className="text-anime-style-3">Get In Touch Now</h3>
|
||||
<div className="space8" />
|
||||
<div className="row">
|
||||
<div className="col-lg-6 col-md-6">
|
||||
<div className="input-area">
|
||||
<input type="text" placeholder="Name" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6">
|
||||
<div className="input-area">
|
||||
<input type="text" placeholder="Phone" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-12 col-md-6">
|
||||
<div className="input-area">
|
||||
<input type="email" placeholder="Email" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-12 col-md-6">
|
||||
<div className="input-area">
|
||||
<input type="text" placeholder="Subjects" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-12">
|
||||
<div className="input-area">
|
||||
<textarea placeholder="Message" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-12">
|
||||
<div className="space24" />
|
||||
<div className="input-area text-end">
|
||||
<button type="submit" className="vl-btn1">Submit Now</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== CONTACT AREA ENDS =======*/}
|
||||
{/*===== CONTACT AREA STARTS =======*/}
|
||||
<div className="contact2-bg-section">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/contact/contact-img1.png" alt="" className="contact-img1" />
|
||||
</div>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-6">
|
||||
<div className="space48" />
|
||||
<div className="row">
|
||||
<div className="col-lg-6 col-md-6">
|
||||
<div className="contact-boxarea" data-aos="zoom-in" data-aos-duration={900}>
|
||||
<div className="icons">
|
||||
<img src="/assets/img/icons/mail1.svg" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<h5>Our Email</h5>
|
||||
<div className="space14" />
|
||||
<Link href="/maito:eventify@gmail.com">eventify@gmail.com</Link>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space18" />
|
||||
<div className="contact-boxarea" data-aos="zoom-in" data-aos-duration={1000}>
|
||||
<div className="icons">
|
||||
<img src="/assets/img/icons/location1.svg" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<h5>our location</h5>
|
||||
<div className="space14" />
|
||||
<Link href="/#">1800 Abbot Kinney</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6">
|
||||
<div className="space20 d-md-none d-block" />
|
||||
<div className="contact-boxarea" data-aos="zoom-in" data-aos-duration={1000}>
|
||||
<div className="icons">
|
||||
<img src="/assets/img/icons/phn1.svg" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<h5>Call/Message</h5>
|
||||
<div className="space14" />
|
||||
<Link href="/tel:+11234567890">+1 123 456 7890</Link>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space18" />
|
||||
<div className="contact-boxarea" data-aos="zoom-in" data-aos-duration={1200}>
|
||||
<div className="icons">
|
||||
<img src="/assets/img/icons/instagram.svg" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<h5>Instagram</h5>
|
||||
<div className="space14" />
|
||||
<Link href="/#">eneventify.eve</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="mapouter">
|
||||
<div className="gmap_canvas">
|
||||
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d4506257.120552435!2d88.67021924228865!3d21.954385721237916!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sbd!4v1704088968016!5m2!1sen!2sbd" width={600} height={450} style={{ border: 0 }} allowFullScreen loading="lazy" referrerPolicy="no-referrer-when-downgrade" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space100 d-lg-block d-none" />
|
||||
<div className="space50 d-lg-none d-block" />
|
||||
{/*===== CONTACT AREA ENDS =======*/}
|
||||
{/*===== CTA AREA STARTS =======*/}
|
||||
<div className="cta1-section-area d-lg-block d-block">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="cta1-main-boxarea">
|
||||
<div className="timer-btn-area">
|
||||
<Countdown />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn1">Buy Ticket</Link>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />30 January 2025 - 6pm to 11:30pm</Link>
|
||||
</li>
|
||||
<li className="m-0">
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />Secret Location In The UK</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== CTA AREA ENDS =======*/}
|
||||
{/*===== CTA AREA STARTS =======*/}
|
||||
<div className="cta1-section-area d-lg-none d-block">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="cta1-main-boxarea">
|
||||
<div className="timer-btn-area">
|
||||
<Countdown />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn1">Buy Ticket</Link>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />30 January 2025 - 6pm to 11:30pm</Link>
|
||||
</li>
|
||||
<li className="m-0">
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />Secret Location In The UK</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
196
app/event-schedule/page.tsx
Normal file
196
app/event-schedule/page.tsx
Normal file
@ -0,0 +1,196 @@
|
||||
|
||||
import Countdown from '@/components/elements/Countdown'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
export default function EventSchedule() {
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(assets/img/bg/header-bg10.png)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-6 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>Event Schedule</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>Event Schedule</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== HERO AREA ENDS =======*/}
|
||||
{/*===== OTHERS AREA STARTS =======*/}
|
||||
<div className="choose-section-area sp2">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-4 m-auto">
|
||||
<div className="heading2 text-center space-margin60">
|
||||
<h2>Event Schedule</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div className="choose-widget-boxarea">
|
||||
<div className="icons">
|
||||
<img src="/assets/img/icons/choose-icons1.svg" alt="" />
|
||||
</div>
|
||||
<div className="space24" />
|
||||
<div className="content-area">
|
||||
<Link href="/event-single">Make Ideas Happen</Link>
|
||||
<div className="space16" />
|
||||
<p>Eventify 2024 brings together the brightest minds and industry leaders for best of transformative business.</p>
|
||||
<div className="space24" />
|
||||
<Link href="/event-single" className="readmore">Read More <i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div className="choose-widget-boxarea">
|
||||
<div className="icons">
|
||||
<img src="/assets/img/icons/choose-icons1.svg" alt="" />
|
||||
</div>
|
||||
<div className="space24" />
|
||||
<div className="content-area">
|
||||
<Link href="/event-single">Great Speakers</Link>
|
||||
<div className="space16" />
|
||||
<p>Whether you're looking to elevate your business strategy, discover the latest industry trends, or connect.</p>
|
||||
<div className="space24" />
|
||||
<Link href="/event-single" className="readmore">Read More <i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div className="choose-widget-boxarea">
|
||||
<div className="icons">
|
||||
<img src="/assets/img/icons/choose-icons1.svg" alt="" />
|
||||
</div>
|
||||
<div className="space24" />
|
||||
<div className="content-area">
|
||||
<Link href="/event-single">One Day Ticket</Link>
|
||||
<div className="space16" />
|
||||
<p>We empower businesses to thrive in an ever-evolving marketplace. This conference more than just an event.</p>
|
||||
<div className="space24" />
|
||||
<Link href="/event-single" className="readmore">Read More <i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== OTHERS AREA ENDS =======*/}
|
||||
{/*===== EVENT AREA STARTS =======*/}
|
||||
<div className="schedule-section-area sp10">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-11 m-auto">
|
||||
<div className="schedule">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Time</th>
|
||||
<th>Friday</th>
|
||||
<th>Saturday</th>
|
||||
<th>Sunday</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>09:00-10:00 AM</td>
|
||||
<td>Business Conferences<br /><span>By Event Organizer</span></td>
|
||||
<td>UI/UX Design<br /><span>By Event Organizer</span></td>
|
||||
<td>UI/UX Design<br /><span>By Event Organizer</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>09:00-10:00 AM</td>
|
||||
<td>UI/UX Design<br /><span>By Event Organizer</span></td>
|
||||
<td>Business Conferences<br /><span>By Event Organizer</span></td>
|
||||
<td>Business Conferences<br /><span>By Event Organizer</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>09:00-10:00 AM</td>
|
||||
<td>Business Conferences<br /><span>By Event Organizer</span></td>
|
||||
<td>UI/UX Design<br /><span>By Event Organizer</span></td>
|
||||
<td>UI/UX Design<br /><span>By Event Organizer</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>09:00-10:00 AM</td>
|
||||
<td>UI/UX Design<br /><span>By Event Organizer</span></td>
|
||||
<td>Business Conferences<br /><span>By Event Organizer</span></td>
|
||||
<td>Business Conferences<br /><span>By Event Organizer</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>09:00-10:00 AM</td>
|
||||
<td>Business Conferences<br /><span>By Event Organizer</span></td>
|
||||
<td>UI/UX Design<br /><span>By Event Organizer</span></td>
|
||||
<td>UI/UX Design<br /><span>By Event Organizer</span></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== EVENT AREA ENDS =======*/}
|
||||
{/*===== CTA AREA STARTS =======*/}
|
||||
<div className="cta1-section-area d-lg-block d-block">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="cta1-main-boxarea">
|
||||
<div className="timer-btn-area">
|
||||
<Countdown />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn1">Buy Ticket</Link>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />30 January 2025 - 6pm to 11:30pm</Link>
|
||||
</li>
|
||||
<li className="m-0">
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />Secret Location In The UK</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== CTA AREA ENDS =======*/}
|
||||
{/*===== CTA AREA STARTS =======*/}
|
||||
<div className="cta1-section-area d-lg-none d-block">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="cta1-main-boxarea">
|
||||
<div className="timer-btn-area">
|
||||
<Countdown />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn1">Buy Ticket</Link>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />30 January 2025 - 6pm to 11:30pm</Link>
|
||||
</li>
|
||||
<li className="m-0">
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />Secret Location In The UK</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
840
app/event-single/page.tsx
Normal file
840
app/event-single/page.tsx
Normal file
@ -0,0 +1,840 @@
|
||||
'use client'
|
||||
import Countdown from '@/components/elements/Countdown'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import { useState } from "react"
|
||||
export default function EventSingle() {
|
||||
const [isTab, setIsTab] = useState(1)
|
||||
const handleTab = (i: number) => {
|
||||
setIsTab(i)
|
||||
}
|
||||
return (
|
||||
<>
|
||||
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(assets/img/bg/header-bg9.png)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-6 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>Event single</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>Event single</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== HERO AREA ENDS =======*/}
|
||||
{/*===== EVENT AREA STARTS =======*/}
|
||||
<div className="event-sidepage-section-area sp8">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-7">
|
||||
<div className="event-side-images">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img8.png" alt="" />
|
||||
</div>
|
||||
<div className="space32" />
|
||||
<h3>Elevate User Experience Expertise</h3>
|
||||
<div className="space16" />
|
||||
<p>In today's digital landscape, exceptional user experience (UX) is the key to creating products and services that truly resonate with people. At Eventify, dive deep into the world of UX with expert-led sessions that explore and cutting-edge techniques, research-driven insights, and innovative tools.</p>
|
||||
<div className="space40" />
|
||||
<h4>Event Speakers</h4>
|
||||
<div className="row">
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div className="our-team-boxarea">
|
||||
<div className="team-widget-area">
|
||||
<img src="/assets/img/elements/elements25.png" alt="" className="elements21" />
|
||||
<img src="/assets/img/elements/elements26.png" alt="" className="elements22" />
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/team/team-img12.png" alt="" className="team-img4" />
|
||||
<div className="share">
|
||||
<Link href="/#"><img src="/assets/img/icons/share1.svg" alt="" /></Link>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#" className="icon1"><i className="fa-brands fa-facebook-f" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#" className="icon2"><i className="fa-brands fa-linkedin-in" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#" className="icon3"><i className="fa-brands fa-instagram" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#" className="icon4"><i className="fa-brands fa-pinterest-p" /></Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space28" />
|
||||
<div className="content-area">
|
||||
<Link href="/speakers-single">Alex Robertson</Link>
|
||||
<div className="space16" />
|
||||
<p>UI/UX Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div className="our-team-boxarea">
|
||||
<div className="team-widget-area">
|
||||
<img src="/assets/img/elements/elements25.png" alt="" className="elements21" />
|
||||
<img src="/assets/img/elements/elements26.png" alt="" className="elements22" />
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/team/team-img13.png" alt="" className="team-img4" />
|
||||
<div className="share">
|
||||
<Link href="/#"><img src="/assets/img/icons/share1.svg" alt="" /></Link>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#" className="icon1"><i className="fa-brands fa-facebook-f" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#" className="icon2"><i className="fa-brands fa-linkedin-in" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#" className="icon3"><i className="fa-brands fa-instagram" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#" className="icon4"><i className="fa-brands fa-pinterest-p" /></Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space28" />
|
||||
<div className="content-area">
|
||||
<Link href="/speakers-single">Alexy Sammony</Link>
|
||||
<div className="space16" />
|
||||
<p>UI/UX Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div className="our-team-boxarea">
|
||||
<div className="team-widget-area">
|
||||
<img src="/assets/img/elements/elements25.png" alt="" className="elements21" />
|
||||
<img src="/assets/img/elements/elements26.png" alt="" className="elements22" />
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/team/team-img14.png" alt="" className="team-img4" />
|
||||
<div className="share">
|
||||
<Link href="/#"><img src="/assets/img/icons/share1.svg" alt="" /></Link>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#" className="icon1"><i className="fa-brands fa-facebook-f" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#" className="icon2"><i className="fa-brands fa-linkedin-in" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#" className="icon3"><i className="fa-brands fa-instagram" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#" className="icon4"><i className="fa-brands fa-pinterest-p" /></Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space28" />
|
||||
<div className="content-area">
|
||||
<Link href="/speakers-single">Kireon Pollardy</Link>
|
||||
<div className="space16" />
|
||||
<p>UI/UX Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-5">
|
||||
<div className="shedule-listarea">
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/clock1.svg" alt="" />10.00 AM -12.00 PM <span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />26/C Asana, New York </Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/event-single" className="head">Elevate User Experience Expertise</Link>
|
||||
<div className="space24" />
|
||||
<div className="author-area">
|
||||
<div className="autho-name-area">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img1.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers-single">Alex Roberton</Link>
|
||||
<div className="space8" />
|
||||
<p>UI/UX Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="autho-name-area" style={{ padding: '0 0 0 12px', border: 'none' }}>
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img2.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers-single">Alexys Archer</Link>
|
||||
<div className="space8" />
|
||||
<p>WP Developer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn1"><span className="demo">purchase ticket Now</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space30" />
|
||||
<div className="mapouter">
|
||||
<div className="gmap_canvas">
|
||||
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d4506257.120552435!2d88.67021924228865!3d21.954385721237916!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sbd!4v1704088968016!5m2!1sen!2sbd" width={600} height={450} style={{ border: 0 }} allowFullScreen loading="lazy" referrerPolicy="no-referrer-when-downgrade" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="event-single-section-area sp1">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-6 m-auto">
|
||||
<div className="event2-header heading2 text-center">
|
||||
<h2 className="text-anime-style-3">View More Event</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space32" />
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-lg-12" data-aos="fade-up" data-aos-duration={1000}>
|
||||
<div className="tabs-button space-margin60">
|
||||
<ul className="nav nav-pills" id="pills-tab" role="tablist">
|
||||
<li className="nav-item" onClick={() => handleTab(1)}>
|
||||
<button className={isTab == 1 ? "nav-link active" : "nav-link"} id="pills-home-tab" data-bs-toggle="pill" data-bs-target="#pills-home" type="button" role="tab" aria-controls="pills-home" aria-selected="true">
|
||||
<span className="calender"><img src="/assets/img/icons/calender2.svg" alt="" /></span>
|
||||
<span className="pl-8">
|
||||
<span className="day">Day One</span>
|
||||
<span className="date">May 25, 2024</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
<li className="nav-item" onClick={() => handleTab(2)}>
|
||||
<button className={isTab == 2 ? "nav-link active" : "nav-link"} id="pills-profile-tab" data-bs-toggle="pill" data-bs-target="#pills-profile" type="button" role="tab" aria-controls="pills-profile" aria-selected="false">
|
||||
<span className="calender"><img src="/assets/img/icons/calender2.svg" alt="" /></span>
|
||||
<span className="pl-8">
|
||||
<span className="day">Day Two</span>
|
||||
<span className="date">May 25, 2024</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
<li className="nav-item" onClick={() => handleTab(3)}>
|
||||
<button className={isTab == 3 ? "nav-link m-0 active" : "nav-link m-0"} id="pills-contact-tab" data-bs-toggle="pill" data-bs-target="#pills-contact" type="button" role="tab" aria-controls="pills-contact" aria-selected="false">
|
||||
<span className="calender"><img src="/assets/img/icons/calender2.svg" alt="" /> </span>
|
||||
<span className="pl-8">
|
||||
<span className="day">Day Three</span>
|
||||
<span className="date">May 25, 2024</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="tab-content" id="pills-tabContent">
|
||||
<div className={isTab == 1 ? "tab-pane fade show active" : "tab-pane fade"} id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab" tabIndex={0}>
|
||||
<div className="event-widget-area">
|
||||
<div className="row">
|
||||
<div className="col-lg-1" />
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="event2-boxarea box1">
|
||||
<h1 className="active">01</h1>
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-5">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img4.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-1" />
|
||||
<div className="col-lg-6">
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/clock1.svg" alt="" />10.00 AM -12.00 PM <span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />26/C Asana, New York </Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/event-single" className="head">Elevate User Experience Expertise</Link>
|
||||
<div className="space24" />
|
||||
<div className="author-area">
|
||||
<div className="autho-name-area">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img1.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers-single">Alex Roberton</Link>
|
||||
<div className="space8" />
|
||||
<p>UI/UX Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="autho-name-area" style={{ padding: '0 0 0 12px', border: 'none' }}>
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img2.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers-single">Alexys Archer</Link>
|
||||
<div className="space8" />
|
||||
<p>WP Developer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn1"><span className="demo">purchase ticket Now</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space48" />
|
||||
<div className="row">
|
||||
<div className="col-lg-1" />
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="event2-boxarea box1">
|
||||
<h1 className="active">02</h1>
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6">
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/clock1.svg" alt="" />10.00 AM -12.00 PM <span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />26/C Asana, New York </Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/event-single" className="head">Elevate User Experience Expertise</Link>
|
||||
<div className="space24" />
|
||||
<div className="author-area">
|
||||
<div className="autho-name-area">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img1.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers-single">Alex Roberton</Link>
|
||||
<div className="space8" />
|
||||
<p>UI/UX Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="autho-name-area" style={{ padding: '0 0 0 12px', border: 'none' }}>
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img2.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers-single">Alexys Archer</Link>
|
||||
<div className="space8" />
|
||||
<p>WP Developer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn1"><span className="demo">purchase ticket Now</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space30 d-lg-none d-block" />
|
||||
</div>
|
||||
<div className="col-lg-5">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img5.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space30" />
|
||||
<div className="row">
|
||||
<div className="col-lg-1" />
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="event2-boxarea box1">
|
||||
<h1 className="active">03</h1>
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-5">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img6.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-1" />
|
||||
<div className="col-lg-6">
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/clock1.svg" alt="" />10.00 AM -12.00 PM <span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />28/C Asana, New York </Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/event-single" className="head">Elevate User Experience Expertise 2</Link>
|
||||
<div className="space24" />
|
||||
<div className="author-area">
|
||||
<div className="autho-name-area">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img1.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers-single">Alex Roberton</Link>
|
||||
<div className="space8" />
|
||||
<p>UI/UX Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="autho-name-area" style={{ padding: '0 0 0 12px', border: 'none' }}>
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img2.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers-single">Alexys Archer</Link>
|
||||
<div className="space8" />
|
||||
<p>WP Developer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn1"><span className="demo">purchase ticket Now</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className={isTab == 2 ? "tab-pane fade show active" : "tab-pane fade"} id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab" tabIndex={0}>
|
||||
<div className="event-widget-area">
|
||||
<div className="row">
|
||||
<div className="col-lg-1" />
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="event2-boxarea box1">
|
||||
<h1 className="active">01</h1>
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-5">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img4.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-1" />
|
||||
<div className="col-lg-6">
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/clock1.svg" alt="" />10.00 AM -12.00 PM <span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />26/C Asana, New York </Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/event-single" className="head">Elevate User Experience Expertise</Link>
|
||||
<div className="space24" />
|
||||
<div className="author-area">
|
||||
<div className="autho-name-area">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img1.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers-single">Alex Roberton</Link>
|
||||
<div className="space8" />
|
||||
<p>UI/UX Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="autho-name-area" style={{ padding: '0 0 0 12px', border: 'none' }}>
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img2.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers-single">Alexys Archer</Link>
|
||||
<div className="space8" />
|
||||
<p>WP Developer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn1"><span className="demo">purchase ticket Now</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space48" />
|
||||
<div className="row">
|
||||
<div className="col-lg-1" />
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="event2-boxarea box1">
|
||||
<h1 className="active">02</h1>
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6">
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/clock1.svg" alt="" />10.00 AM -12.00 PM <span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />26/C Asana, New York </Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/event-single" className="head">Elevate User Experience Expertise</Link>
|
||||
<div className="space24" />
|
||||
<div className="author-area">
|
||||
<div className="autho-name-area">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img1.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers-single">Alex Roberton</Link>
|
||||
<div className="space8" />
|
||||
<p>UI/UX Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="autho-name-area" style={{ padding: '0 0 0 12px', border: 'none' }}>
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img2.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers-single">Alexys Archer</Link>
|
||||
<div className="space8" />
|
||||
<p>WP Developer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn1"><span className="demo">purchase ticket Now</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space30 d-lg-none d-block" />
|
||||
</div>
|
||||
<div className="col-lg-5">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img5.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space30" />
|
||||
<div className="row">
|
||||
<div className="col-lg-1" />
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="event2-boxarea box1">
|
||||
<h1 className="active">03</h1>
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-5">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img6.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-1" />
|
||||
<div className="col-lg-6">
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/clock1.svg" alt="" />10.00 AM -12.00 PM <span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />26/C Asana, New York </Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/event-single" className="head">Elevate User Experience Expertise</Link>
|
||||
<div className="space24" />
|
||||
<div className="author-area">
|
||||
<div className="autho-name-area">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img1.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers-single">Alex Roberton</Link>
|
||||
<div className="space8" />
|
||||
<p>UI/UX Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="autho-name-area" style={{ padding: '0 0 0 12px', border: 'none' }}>
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img2.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers-single">Alexys Archer</Link>
|
||||
<div className="space8" />
|
||||
<p>WP Developer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn1"><span className="demo">purchase ticket Now</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className={isTab == 3 ? "tab-pane fade show active" : "tab-pane fade"} id="pills-contact" role="tabpanel" aria-labelledby="pills-contact-tab" tabIndex={0}>
|
||||
<div className="event-widget-area">
|
||||
<div className="row">
|
||||
<div className="col-lg-1" />
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="event2-boxarea box1">
|
||||
<h1 className="active">01</h1>
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-5">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img4.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-1" />
|
||||
<div className="col-lg-6">
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/clock1.svg" alt="" />10.00 AM -12.00 PM <span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />26/C Asana, New York </Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/event-single" className="head">Elevate User Experience Expertise</Link>
|
||||
<div className="space24" />
|
||||
<div className="author-area">
|
||||
<div className="autho-name-area">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img1.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers-single">Alex Roberton</Link>
|
||||
<div className="space8" />
|
||||
<p>UI/UX Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="autho-name-area" style={{ padding: '0 0 0 12px', border: 'none' }}>
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img2.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers-single">Alexys Archer</Link>
|
||||
<div className="space8" />
|
||||
<p>WP Developer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn1"><span className="demo">purchase ticket Now</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space48" />
|
||||
<div className="row">
|
||||
<div className="col-lg-1" />
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="event2-boxarea box1">
|
||||
<h1 className="active">02</h1>
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6">
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/clock1.svg" alt="" />10.00 AM -12.00 PM <span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />26/C Asana, New York </Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/event-single" className="head">Elevate User Experience Expertise</Link>
|
||||
<div className="space24" />
|
||||
<div className="author-area">
|
||||
<div className="autho-name-area">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img1.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers-single">Alex Roberton</Link>
|
||||
<div className="space8" />
|
||||
<p>UI/UX Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="autho-name-area" style={{ padding: '0 0 0 12px', border: 'none' }}>
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img2.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers-single">Alexys Archer</Link>
|
||||
<div className="space8" />
|
||||
<p>WP Developer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn1"><span className="demo">purchase ticket Now</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space30 d-lg-none d-block" />
|
||||
</div>
|
||||
<div className="col-lg-5">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img5.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space30" />
|
||||
<div className="row">
|
||||
<div className="col-lg-1" />
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="event2-boxarea box1">
|
||||
<h1 className="active">03</h1>
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-5">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img6.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-1" />
|
||||
<div className="col-lg-6">
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/clock1.svg" alt="" />10.00 AM -12.00 PM <span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />26/C Asana, New York </Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/event-single" className="head">Elevate User Experience Expertise</Link>
|
||||
<div className="space24" />
|
||||
<div className="author-area">
|
||||
<div className="autho-name-area">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img1.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers-single">Alex Roberton</Link>
|
||||
<div className="space8" />
|
||||
<p>UI/UX Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="autho-name-area" style={{ padding: '0 0 0 12px', border: 'none' }}>
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img2.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers-single">Alexys Archer</Link>
|
||||
<div className="space8" />
|
||||
<p>WP Developer</p>
|
||||
</div>
|
||||
</div> {/*END HERE */}
|
||||
</div>
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn1"><span className="demo">purchase ticket Now</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== EVENT AREA ENDS =======*/}
|
||||
{/*===== CTA AREA STARTS =======*/}
|
||||
<div className="cta1-section-area d-lg-block d-block">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="cta1-main-boxarea">
|
||||
<div className="timer-btn-area">
|
||||
<Countdown />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn1">Buy Ticket</Link>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />30 January 2025 - 6pm to 11:30pm</Link>
|
||||
</li>
|
||||
<li className="m-0">
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />Secret Location In The UK</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== CTA AREA ENDS =======*/}
|
||||
{/*===== CTA AREA STARTS =======*/}
|
||||
<div className="cta1-section-area d-lg-none d-block">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="cta1-main-boxarea">
|
||||
<div className="timer-btn-area">
|
||||
<Countdown />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn1">Buy Ticket</Link>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />30 January 2025 - 6pm to 11:30pm</Link>
|
||||
</li>
|
||||
<li className="m-0">
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />Secret Location In The UK</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
292
app/event/page.tsx
Normal file
292
app/event/page.tsx
Normal file
@ -0,0 +1,292 @@
|
||||
|
||||
import Countdown from '@/components/elements/Countdown'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
export default function Event() {
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(assets/img/bg/header-bg8.png)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-6 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>Event List</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>Event List</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== HERO AREA ENDS =======*/}
|
||||
{/*===== EVENT AREA STARTS =======*/}
|
||||
<div className="event-team-area sp1">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-6 m-auto">
|
||||
<div className="heading2 text-center space-margin60">
|
||||
<h2>Event History Kireon Pollardy</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-lg-12 m-auto">
|
||||
<div className="event-widget-area">
|
||||
<div className="row">
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="event2-boxarea box1">
|
||||
<h1 className="active">01</h1>
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-5">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img4.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-1" />
|
||||
<div className="col-lg-6">
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/clock1.svg" alt="" />10.00 AM -12.00 PM <span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />26/C Asana, New York </Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/event-single" className="head">Elevate User Experience Expertise</Link>
|
||||
<div className="space24" />
|
||||
<div className="author-area">
|
||||
<div className="autho-name-area">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img1.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers-single">Alex Roberton</Link>
|
||||
<div className="space8" />
|
||||
<p>UI/UX Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="autho-name-area" style={{ padding: '0 0 0 12px', border: 'none' }}>
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img2.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers-single">Alexys Archer</Link>
|
||||
<div className="space8" />
|
||||
<p>WP Developer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn1"><span className="demo">purchase ticket Now</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space48" />
|
||||
<div className="row">
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="event2-boxarea box1">
|
||||
<h1 className="active">02</h1>
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6">
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/clock1.svg" alt="" />10.00 AM -12.00 PM <span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />26/C Asana, New York </Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/event-single" className="head">Elevate User Experience Expertise</Link>
|
||||
<div className="space24" />
|
||||
<div className="author-area">
|
||||
<div className="autho-name-area">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img1.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers-single">Alex Roberton</Link>
|
||||
<div className="space8" />
|
||||
<p>UI/UX Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="autho-name-area" style={{ padding: '0 0 0 12px', border: 'none' }}>
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img2.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers-single">Alexys Archer</Link>
|
||||
<div className="space8" />
|
||||
<p>WP Developer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn1"><span className="demo">purchase ticket Now</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space30 d-lg-none d-block" />
|
||||
</div>
|
||||
<div className="col-lg-5">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img5.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space30" />
|
||||
<div className="row">
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="event2-boxarea box1">
|
||||
<h1 className="active">03</h1>
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-5">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img6.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-1" />
|
||||
<div className="col-lg-6">
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/clock1.svg" alt="" />10.00 AM -12.00 PM <span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />26/C Asana, New York </Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/event-single" className="head">Elevate User Experience Expertise</Link>
|
||||
<div className="space24" />
|
||||
<div className="author-area">
|
||||
<div className="autho-name-area">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img1.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers-single">Alex Roberton</Link>
|
||||
<div className="space8" />
|
||||
<p>UI/UX Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="autho-name-area" style={{ padding: '0 0 0 12px', border: 'none' }}>
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img2.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers-single">Alexys Archer</Link>
|
||||
<div className="space8" />
|
||||
<p>WP Developer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn1"><span className="demo">purchase ticket Now</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space60" />
|
||||
<div className="pagination-area">
|
||||
<nav aria-label="Page navigation example">
|
||||
<ul className="pagination">
|
||||
<li className="page-item">
|
||||
<Link className="page-link" href="/#" aria-label="Previous">
|
||||
<i className="fa-solid fa-angle-left" />
|
||||
</Link>
|
||||
</li>
|
||||
<li className="page-item"><Link className="page-link active" href="/#">1</Link></li>
|
||||
<li className="page-item"><Link className="page-link" href="/#">2</Link></li>
|
||||
<li className="page-item"><Link className="page-link" href="/#">...</Link></li>
|
||||
<li className="page-item"><Link className="page-link" href="/#">12</Link></li>
|
||||
<li className="page-item">
|
||||
<Link className="page-link" href="/#" aria-label="Next">
|
||||
<i className="fa-solid fa-angle-right" />
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== EVENT AREA ENDS =======*/}
|
||||
{/*===== CTA AREA STARTS =======*/}
|
||||
<div className="cta1-section-area d-lg-block d-block">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="cta1-main-boxarea">
|
||||
<div className="timer-btn-area">
|
||||
<Countdown />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn1">Buy Ticket</Link>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />30 January 2025 - 6pm to 11:30pm</Link>
|
||||
</li>
|
||||
<li className="m-0">
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />Secret Location In The UK</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== CTA AREA ENDS =======*/}
|
||||
{/*===== CTA AREA STARTS =======*/}
|
||||
<div className="cta1-section-area d-lg-none d-block">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="cta1-main-boxarea">
|
||||
<div className="timer-btn-area">
|
||||
<Countdown />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn1">Buy Ticket</Link>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />30 January 2025 - 6pm to 11:30pm</Link>
|
||||
</li>
|
||||
<li className="m-0">
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />Secret Location In The UK</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
760
app/faq/page.tsx
Normal file
760
app/faq/page.tsx
Normal file
@ -0,0 +1,760 @@
|
||||
'use client'
|
||||
import Countdown from '@/components/elements/Countdown'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import { useState } from "react"
|
||||
export default function Faq() {
|
||||
const [isTab, setIsTab] = useState(1)
|
||||
const handleTab = (i: number) => {
|
||||
setIsTab(i)
|
||||
}
|
||||
const [isAccordion, setIsAccordion] = useState(1)
|
||||
|
||||
const handleAccordion = (key: any) => {
|
||||
setIsAccordion(prevState => prevState === key ? null : key)
|
||||
}
|
||||
return (
|
||||
<>
|
||||
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(assets/img/bg/header-bg15.png)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-9 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>Frequently Asked Question</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>Frequently Asked Question</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== HERO AREA ENDS =======*/}
|
||||
{/*===== FAQ AREA STARTS =======*/}
|
||||
<div className="faq-inner-section-area sp1">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-7 m-auto">
|
||||
<div className="heading2 text-center space-margin60">
|
||||
<h2>Frequently Asked Question</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-lg-11">
|
||||
<div className="faq-widget-area">
|
||||
<ul className="nav nav-pills" id="pills-tab" role="tablist">
|
||||
<li className="nav-item" onClick={() => handleTab(1)}>
|
||||
<button className={isTab == 1 ? "nav-link active" : "nav-link"} id="pills-home-tab" data-bs-toggle="pill" data-bs-target="#pills-home" type="button" role="tab" aria-controls="pills-home" aria-selected="true">All</button>
|
||||
</li>
|
||||
<li className="nav-item" onClick={() => handleTab(2)}>
|
||||
<button className={isTab == 2 ? "nav-link active" : "nav-link"} id="pills-profile-tab" data-bs-toggle="pill" data-bs-target="#pills-profile" type="button" role="tab" aria-controls="pills-profile" aria-selected="false">Event Information</button>
|
||||
</li>
|
||||
<li className="nav-item" onClick={() => handleTab(3)}>
|
||||
<button className={isTab == 3 ? "nav-link active" : "nav-link"} id="pills-contact-tab" data-bs-toggle="pill" data-bs-target="#pills-contact" type="button" role="tab" aria-controls="pills-contact" aria-selected="false">Registration & Tickets</button>
|
||||
</li>
|
||||
<li className="nav-item" onClick={() => handleTab(4)}>
|
||||
<button className={isTab == 4 ? "nav-link active" : "nav-link"} id="pills-contact1-tab" data-bs-toggle="pill" data-bs-target="#pills-contact1" type="button" role="tab" aria-controls="pills-contact1" aria-selected="false">Event Experience</button>
|
||||
</li>
|
||||
<li className="nav-item" onClick={() => handleTab(5)}>
|
||||
<button className={isTab == 5 ? "nav-link m-0 active" : "nav-link m-0"} id="pills-contact2-tab" data-bs-toggle="pill" data-bs-target="#pills-contact2" type="button" role="tab" aria-controls="pills-contact2" aria-selected="false">Speakers & Sessions</button>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space48" />
|
||||
<div className="tab-content" id="pills-tabContent">
|
||||
<div className={isTab == 1 ? "tab-pane fade show active" : "tab-pane fade"} id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab" tabIndex={0}>
|
||||
<div className="faq-section-area">
|
||||
<div className="row">
|
||||
<div className="col-lg-6">
|
||||
<div className="accordian-area">
|
||||
<div className="accordion" id="accordionExample">
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (1)}>
|
||||
<button className={isAccordion == 1 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">What is Eventify, and who is it for?</button>
|
||||
</h2>
|
||||
<div id="collapseOne" className={isAccordion == 1 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space20" />
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (2)}>
|
||||
<button className={isAccordion == 2 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">When and where is Eventify 2024 taking place?</button>
|
||||
</h2>
|
||||
<div id="collapseTwo" className={isAccordion == 2 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space20" />
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (3)}>
|
||||
<button className={isAccordion == 3 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">How much does it cost to attend Eventify 2024?</button>
|
||||
</h2>
|
||||
<div id="collapseThree" className={isAccordion == 3 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space20" />
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (4)}>
|
||||
<button className={isAccordion == 4 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">Will there be networking opportunities Eventify?</button>
|
||||
</h2>
|
||||
<div id="collapseFour" className={isAccordion == 4 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space20" />
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (5)}>
|
||||
<button className={isAccordion == 5 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">How can I access session materials after event?</button>
|
||||
</h2>
|
||||
<div id="collapseFive" className={isAccordion == 5 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="accordian-area">
|
||||
<div className="accordion" id="accordionExample2">
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (6)}>
|
||||
<button className={isAccordion == 6 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseSix" aria-expanded="true" aria-controls="collapseSix">What payment are accepted for registration?</button>
|
||||
</h2>
|
||||
<div id="collapseSix" className={isAccordion == 6 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample2">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space20" />
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (7)}>
|
||||
<button className={isAccordion == 7 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven">Can I attend only one day of the conference?</button>
|
||||
</h2>
|
||||
<div id="collapseSeven" className={isAccordion == 7 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample2">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space20" />
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (8)}>
|
||||
<button className={isAccordion == 8 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseEight" aria-expanded="false" aria-controls="collapseEight">How can I updated on event announcements?</button>
|
||||
</h2>
|
||||
<div id="collapseEight" className={isAccordion == 8 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample2">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space20" />
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (9)}>
|
||||
<button className={isAccordion == 9 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseNine" aria-expanded="false" aria-controls="collapseNine">How do I download the event app?</button>
|
||||
</h2>
|
||||
<div id="collapseNine" className={isAccordion == 9 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample2">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space20" />
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (10)}>
|
||||
<button className={isAccordion == 10 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseTen" aria-expanded="false" aria-controls="collapseTen">Can I suggest or speakers for future events?</button>
|
||||
</h2>
|
||||
<div id="collapseTen" className={isAccordion == 10 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample2">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className={isTab == 2 ? "tab-pane fade show active" : "tab-pane fade"} id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab" tabIndex={0}>
|
||||
<div className="faq-section-area">
|
||||
<div className="row">
|
||||
<div className="col-lg-6">
|
||||
<div className="accordian-area">
|
||||
<div className="accordion" id="accordionExample3">
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (11)}>
|
||||
<button className={isAccordion == 11 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseEleven" aria-expanded="true" aria-controls="collapseEleven">What is Eventify, and who is it for?</button>
|
||||
</h2>
|
||||
<div id="collapseEleven" className={isAccordion == 11 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample3">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space20" />
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (12)}>
|
||||
<button className={isAccordion == 12 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwelve" aria-expanded="false" aria-controls="collapseTwelve">When and where is Eventify 2024 taking place?</button>
|
||||
</h2>
|
||||
<div id="collapseTwelve" className={isAccordion == 12 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample3">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space20" />
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (13)}>
|
||||
<button className={isAccordion == 13 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseThirteen" aria-expanded="false" aria-controls="collapseThirteen">How much does it cost to attend Eventify 2024?</button>
|
||||
</h2>
|
||||
<div id="collapseThirteen" className={isAccordion == 13 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample3">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space20" />
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (14)}>
|
||||
<button className={isAccordion == 14 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseFourteen" aria-expanded="false" aria-controls="collapseFourteen">Will there be networking opportunities Eventify?</button>
|
||||
</h2>
|
||||
<div id="collapseFourteen" className={isAccordion == 14 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample3">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space20" />
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (15)}>
|
||||
<button className={isAccordion == 15 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseFifteen" aria-expanded="false" aria-controls="collapseFifteen">How can I access session materials after event?</button>
|
||||
</h2>
|
||||
<div id="collapseFifteen" className={isAccordion == 15 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample3">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="accordian-area">
|
||||
<div className="accordion" id="accordionExample4">
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (16)}>
|
||||
<button className={isAccordion == 16 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseThirtysix" aria-expanded="true" aria-controls="collapseThirtysix">What is Eventify, and who is it for?</button>
|
||||
</h2>
|
||||
<div id="collapseThirtysix" className={isAccordion == 16 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample4">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space20" />
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (17)}>
|
||||
<button className={isAccordion == 17 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseThirtyseven" aria-expanded="false" aria-controls="collapseThirtyseven">When and where is Eventify 2024 taking place?</button>
|
||||
</h2>
|
||||
<div id="collapseThirtyseven" className={isAccordion == 17 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample4">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space20" />
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (18)}>
|
||||
<button className={isAccordion == 18 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseThirtyeight" aria-expanded="false" aria-controls="collapseThirtyeight">How much does it cost to attend Eventify 2024?</button>
|
||||
</h2>
|
||||
<div id="collapseThirtyeight" className={isAccordion == 18 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample4">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space20" />
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (19)}>
|
||||
<button className={isAccordion == 19 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseThirtynine" aria-expanded="false" aria-controls="collapseThirtynine">Will there be networking opportunities Eventify?</button>
|
||||
</h2>
|
||||
<div id="collapseThirtynine" className={isAccordion == 19 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample4">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space20" />
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (20)}>
|
||||
<button className={isAccordion == 20 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseFourty" aria-expanded="false" aria-controls="collapseFourty">How can I access session materials after event?</button>
|
||||
</h2>
|
||||
<div id="collapseFourty" className={isAccordion == 20 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample4">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className={isTab == 3 ? "tab-pane fade show active" : "tab-pane fade"} id="pills-contact" role="tabpanel" aria-labelledby="pills-contact-tab" tabIndex={0}>
|
||||
<div className="faq-section-area">
|
||||
<div className="row">
|
||||
<div className="col-lg-6">
|
||||
<div className="accordian-area">
|
||||
<div className="accordion" id="accordionExample5">
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (21)}>
|
||||
<button className={isAccordion == 21 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseSixteen" aria-expanded="true" aria-controls="collapseSixteen">What is Eventify, and who is it for?</button>
|
||||
</h2>
|
||||
<div id="collapseSixteen" className={isAccordion == 21 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample5">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space20" />
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (22)}>
|
||||
<button className={isAccordion == 22 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseSeventeen" aria-expanded="false" aria-controls="collapseSeventeen">When and where is Eventify 2024 taking place?</button>
|
||||
</h2>
|
||||
<div id="collapseSeventeen" className={isAccordion == 22 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample5">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space20" />
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (23)}>
|
||||
<button className={isAccordion == 23 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseEightteen" aria-expanded="false" aria-controls="collapseEightteen">How much does it cost to attend Eventify 2024?</button>
|
||||
</h2>
|
||||
<div id="collapseEightteen" className={isAccordion == 23 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample5">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space20" />
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (24)}>
|
||||
<button className={isAccordion == 24 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseNineteen" aria-expanded="false" aria-controls="collapseNineteen">Will there be networking opportunities Eventify?</button>
|
||||
</h2>
|
||||
<div id="collapseNineteen" className={isAccordion == 24 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample5">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space20" />
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (25)}>
|
||||
<button className={isAccordion == 25 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwenty" aria-expanded="false" aria-controls="collapseTwenty">How can I access session materials after event?</button>
|
||||
</h2>
|
||||
<div id="collapseTwenty" className={isAccordion == 25 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample5">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="accordian-area">
|
||||
<div className="accordion" id="accordionExample6">
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (26)}>
|
||||
<button className={isAccordion == 26 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseFourtyone" aria-expanded="true" aria-controls="collapseFourtyone">What is Eventify, and who is it for?</button>
|
||||
</h2>
|
||||
<div id="collapseFourtyone" className={isAccordion == 26 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample6">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space20" />
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (27)}>
|
||||
<button className={isAccordion == 27 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseFourtytwo" aria-expanded="false" aria-controls="collapseFourtytwo">When and where is Eventify 2024 taking place?</button>
|
||||
</h2>
|
||||
<div id="collapseFourtytwo" className={isAccordion == 27 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample6">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space20" />
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (28)}>
|
||||
<button className={isAccordion == 28 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseFourtythree" aria-expanded="false" aria-controls="collapseFourtythree">How much does it cost to attend Eventify 2024?</button>
|
||||
</h2>
|
||||
<div id="collapseFourtythree" className={isAccordion == 28 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample6">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space20" />
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (29)}>
|
||||
<button className={isAccordion == 29 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseFourtyfour" aria-expanded="false" aria-controls="collapseFourtyfour">Will there be networking opportunities Eventify?</button>
|
||||
</h2>
|
||||
<div id="collapseFourtyfour" className={isAccordion == 29 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample6">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space20" />
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (30)}>
|
||||
<button className={isAccordion == 30 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseFourtyfive" aria-expanded="false" aria-controls="collapseFourtyfive">How can I access session materials after event?</button>
|
||||
</h2>
|
||||
<div id="collapseFourtyfive" className={isAccordion == 30 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample6">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className={isTab == 4 ? "tab-pane fade show active" : "tab-pane fade"} id="pills-contact1" role="tabpanel" aria-labelledby="pills-contact1-tab" tabIndex={0}>
|
||||
<div className="faq-section-area">
|
||||
<div className="row">
|
||||
<div className="col-lg-6">
|
||||
<div className="accordian-area">
|
||||
<div className="accordion" id="accordionExample7">
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (31)}>
|
||||
<button className={isAccordion == 31 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwentyone" aria-expanded="true" aria-controls="collapseTwentyone">What is Eventify, and who is it for?</button>
|
||||
</h2>
|
||||
<div id="collapseTwentyone" className={isAccordion == 31 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample7">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space20" />
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (32)}>
|
||||
<button className={isAccordion == 32 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwentytwo" aria-expanded="false" aria-controls="collapseTwentytwo">When and where is Eventify 2024 taking place?</button>
|
||||
</h2>
|
||||
<div id="collapseTwentytwo" className={isAccordion == 32 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample7">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space20" />
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (33)}>
|
||||
<button className={isAccordion == 33 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwentythree" aria-expanded="false" aria-controls="collapseTwentythree">How much does it cost to attend Eventify 2024?</button>
|
||||
</h2>
|
||||
<div id="collapseTwentythree" className={isAccordion == 33 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample7">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space20" />
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (34)}>
|
||||
<button className={isAccordion == 34 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwentyfour" aria-expanded="false" aria-controls="collapseTwentyfour">Will there be networking opportunities Eventify?</button>
|
||||
</h2>
|
||||
<div id="collapseTwentyfour" className={isAccordion == 34 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample7">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space20" />
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (35)}>
|
||||
<button className={isAccordion == 35 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwentyfive" aria-expanded="false" aria-controls="collapseTwentyfive">How can I access session materials after event?</button>
|
||||
</h2>
|
||||
<div id="collapseTwentyfive" className={isAccordion == 35 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample7">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="accordian-area">
|
||||
<div className="accordion" id="accordionExample8">
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (36)}>
|
||||
<button className={isAccordion == 36 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseFourtySix" aria-expanded="true" aria-controls="collapseFourtySix">What is Eventify, and who is it for?</button>
|
||||
</h2>
|
||||
<div id="collapseFourtySix" className={isAccordion == 36 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample8">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space20" />
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (37)}>
|
||||
<button className={isAccordion == 37 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseFourtySeven" aria-expanded="false" aria-controls="collapseFourtySeven">When and where is Eventify 2024 taking place?</button>
|
||||
</h2>
|
||||
<div id="collapseFourtySeven" className={isAccordion == 37 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample8">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space20" />
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (38)}>
|
||||
<button className={isAccordion == 38 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseFourtyEight" aria-expanded="false" aria-controls="collapseFourtyEight">How much does it cost to attend Eventify 2024?</button>
|
||||
</h2>
|
||||
<div id="collapseFourtyEight" className={isAccordion == 38 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample8">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space20" />
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (39)}>
|
||||
<button className={isAccordion == 39 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseFourtyNine" aria-expanded="false" aria-controls="collapseFourtyNine">Will there be networking opportunities Eventify?</button>
|
||||
</h2>
|
||||
<div id="collapseFourtyNine" className={isAccordion == 39 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample8">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space20" />
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (40)}>
|
||||
<button className={isAccordion == 40 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseFourtyTen" aria-expanded="false" aria-controls="collapseFourtyTen">How can I access session materials after event?</button>
|
||||
</h2>
|
||||
<div id="collapseFourtyTen" className={isAccordion == 40 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample8">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className={isTab == 5 ? "tab-pane fade show active" : "tab-pane fade"} id="pills-contact2" role="tabpanel" aria-labelledby="pills-contact2-tab" tabIndex={0}>
|
||||
<div className="faq-section-area">
|
||||
<div className="row">
|
||||
<div className="col-lg-6">
|
||||
<div className="accordian-area">
|
||||
<div className="accordion" id="accordionExample9">
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (41)}>
|
||||
<button className={isAccordion == 41 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwentysix" aria-expanded="true" aria-controls="collapseTwentysix">What is Eventify, and who is it for?</button>
|
||||
</h2>
|
||||
<div id="collapseTwentysix" className={isAccordion == 41 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample9">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space20" />
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (42)}>
|
||||
<button className={isAccordion == 42 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwentyseven" aria-expanded="false" aria-controls="collapseTwentyseven">When and where is Eventify 2024 taking place?</button>
|
||||
</h2>
|
||||
<div id="collapseTwentyseven" className={isAccordion == 42 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample9">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space20" />
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (43)}>
|
||||
<button className={isAccordion == 43 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwentyeight" aria-expanded="false" aria-controls="collapseTwentyeight">How much does it cost to attend Eventify 2024?</button>
|
||||
</h2>
|
||||
<div id="collapseTwentyeight" className={isAccordion == 43 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample9">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space20" />
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (44)}>
|
||||
<button className={isAccordion == 44 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwentynine" aria-expanded="false" aria-controls="collapseTwentynine">Will there be networking opportunities Eventify?</button>
|
||||
</h2>
|
||||
<div id="collapseTwentynine" className={isAccordion == 44 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample9">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space20" />
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (45)}>
|
||||
<button className={isAccordion == 45 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseThirty" aria-expanded="false" aria-controls="collapseThirty">How can I access session materials after event?</button>
|
||||
</h2>
|
||||
<div id="collapseThirty" className={isAccordion == 45 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample9">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="accordian-area">
|
||||
<div className="accordion" id="accordionExample10">
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (46)}>
|
||||
<button className={isAccordion == 46 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseThirtyone" aria-expanded="true" aria-controls="collapseThirtyone">What is Eventify, and who is it for?</button>
|
||||
</h2>
|
||||
<div id="collapseThirtyone" className={isAccordion == 46 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample10">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space20" />
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (47)}>
|
||||
<button className={isAccordion == 47 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseThirtytwo" aria-expanded="false" aria-controls="collapseThirtytwo">When and where is Eventify 2024 taking place?</button>
|
||||
</h2>
|
||||
<div id="collapseThirtytwo" className={isAccordion == 47 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample10">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space20" />
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (48)}>
|
||||
<button className={isAccordion == 48 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseThirtythree" aria-expanded="false" aria-controls="collapseThirtythree">How much does it cost to attend Eventify 2024?</button>
|
||||
</h2>
|
||||
<div id="collapseThirtythree" className={isAccordion == 48 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample10">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space20" />
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (49)}>
|
||||
<button className={isAccordion == 49 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseThirtyfour" aria-expanded="false" aria-controls="collapseThirtyfour">Will there be networking opportunities Eventify?</button>
|
||||
</h2>
|
||||
<div id="collapseThirtyfour" className={isAccordion == 49 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample10">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space20" />
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header"onClick={() => handleAccordion (50)}>
|
||||
<button className={isAccordion == 50 ? "accordion-button" : "accordion-button collapsed"} type="button" data-bs-toggle="collapse" data-bs-target="#collapseThirtyfive" aria-expanded="false" aria-controls="collapseThirtyfive">How can I access session materials after event?</button>
|
||||
</h2>
|
||||
<div id="collapseThirtyfive" className={isAccordion == 50 ? "accordion-collapse collapse show" : "accordion-collapse collapse"} data-bs-parent="#accordionExample10">
|
||||
<div className="accordion-body">
|
||||
<p>Eventify 2024 will be held on 26 at USA , located in New York. Full event details, including timings and venue information, will be provided after registration.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== FAQ AREA ENDS =======*/}
|
||||
{/*===== CTA AREA STARTS =======*/}
|
||||
<div className="cta1-section-area d-lg-block d-block">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="cta1-main-boxarea">
|
||||
<div className="timer-btn-area">
|
||||
<Countdown />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn1">Buy Ticket</Link>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />30 January 2025 - 6pm to 11:30pm</Link>
|
||||
</li>
|
||||
<li className="m-0">
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />Secret Location In The UK</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== CTA AREA ENDS =======*/}
|
||||
{/*===== CTA AREA STARTS =======*/}
|
||||
<div className="cta1-section-area d-lg-none d-block">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="cta1-main-boxarea">
|
||||
<div className="timer-btn-area">
|
||||
<Countdown />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn1">Buy Ticket</Link>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />30 January 2025 - 6pm to 11:30pm</Link>
|
||||
</li>
|
||||
<li className="m-0">
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />Secret Location In The UK</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
BIN
app/favicon.ico
Normal file
BIN
app/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
27
app/index10/page.tsx
Normal file
27
app/index10/page.tsx
Normal file
@ -0,0 +1,27 @@
|
||||
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Section1 from '@/components/sections/home10/section1'
|
||||
import Section2 from '@/components/sections/home10/section2'
|
||||
import Section3 from '@/components/sections/home10/section3'
|
||||
import Section4 from '@/components/sections/home10/section4'
|
||||
import Section5 from '@/components/sections/home10/section5'
|
||||
import Section6 from '@/components/sections/home10/section6'
|
||||
import Section7 from '@/components/sections/home10/section7'
|
||||
import Section8 from '@/components/sections/home10/section8'
|
||||
export default function Home10() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={10} footerStyle={10}>
|
||||
<Section1 />
|
||||
<Section2 />
|
||||
<Section3 />
|
||||
<Section4 />
|
||||
<Section5 />
|
||||
<Section6 />
|
||||
<Section7 />
|
||||
<Section8 />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
31
app/index11/page.jsx
Normal file
31
app/index11/page.jsx
Normal file
@ -0,0 +1,31 @@
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Popup from '@/components/layout/Popup'
|
||||
import Section1 from '@/components/sections/home1/section1'
|
||||
import Section2 from '@/components/sections/home1/section2'
|
||||
import Section3 from '@/components/sections/home1/section3'
|
||||
import Section4 from '@/components/sections/home1/section4'
|
||||
import Section5 from '@/components/sections/home1/section5'
|
||||
import Section6 from '@/components/sections/home1/section6'
|
||||
import Section7 from '@/components/sections/home1/section7'
|
||||
import Section8 from '@/components/sections/home1/section8'
|
||||
import Section9 from '@/components/sections/home1/section9'
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<Section1 />
|
||||
<Section2 />
|
||||
<Section3 />
|
||||
<Section4 />
|
||||
<Section5 />
|
||||
<Section6 />
|
||||
<Section7 />
|
||||
<Section8 />
|
||||
<Section9 />
|
||||
</Layout>
|
||||
|
||||
<Popup />
|
||||
</>
|
||||
)
|
||||
}
|
||||
29
app/index2/page.tsx
Normal file
29
app/index2/page.tsx
Normal file
@ -0,0 +1,29 @@
|
||||
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Section1 from '@/components/sections/home2/section1'
|
||||
import Section2 from '@/components/sections/home2/section2'
|
||||
import Section3 from '@/components/sections/home2/section3'
|
||||
import Section4 from '@/components/sections/home2/section4'
|
||||
import Section5 from '@/components/sections/home2/section5'
|
||||
import Section6 from '@/components/sections/home2/section6'
|
||||
import Section7 from '@/components/sections/home2/section7'
|
||||
import Section8 from '@/components/sections/home2/section8'
|
||||
import Section9 from '@/components/sections/home2/section9'
|
||||
export default function Home2() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={2} footerStyle={2}>
|
||||
<Section1 />
|
||||
<Section2 />
|
||||
<Section3 />
|
||||
<Section4 />
|
||||
<Section5 />
|
||||
<Section6 />
|
||||
<Section7 />
|
||||
<Section8 />
|
||||
<Section9 />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
31
app/index3/page.tsx
Normal file
31
app/index3/page.tsx
Normal file
@ -0,0 +1,31 @@
|
||||
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Section1 from '@/components/sections/home3/section1'
|
||||
import Section10 from '@/components/sections/home3/section10'
|
||||
import Section2 from '@/components/sections/home3/section2'
|
||||
import Section3 from '@/components/sections/home3/section3'
|
||||
import Section4 from '@/components/sections/home3/section4'
|
||||
import Section5 from '@/components/sections/home3/section5'
|
||||
import Section6 from '@/components/sections/home3/section6'
|
||||
import Section7 from '@/components/sections/home3/section7'
|
||||
import Section8 from '@/components/sections/home3/section8'
|
||||
import Section9 from '@/components/sections/home3/section9'
|
||||
export default function Home3() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={3} footerStyle={3}>
|
||||
<Section1 />
|
||||
<Section2 />
|
||||
<Section3 />
|
||||
<Section4 />
|
||||
<Section5 />
|
||||
<Section6 />
|
||||
<Section7 />
|
||||
<Section8 />
|
||||
<Section9 />
|
||||
<Section10 />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
31
app/index4/page.tsx
Normal file
31
app/index4/page.tsx
Normal file
@ -0,0 +1,31 @@
|
||||
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Section1 from '@/components/sections/home4/section1'
|
||||
import Section10 from '@/components/sections/home4/section10'
|
||||
import Section2 from '@/components/sections/home4/section2'
|
||||
import Section3 from '@/components/sections/home4/section3'
|
||||
import Section4 from '@/components/sections/home4/section4'
|
||||
import Section5 from '@/components/sections/home4/section5'
|
||||
import Section6 from '@/components/sections/home4/section6'
|
||||
import Section7 from '@/components/sections/home4/section7'
|
||||
import Section8 from '@/components/sections/home4/section8'
|
||||
import Section9 from '@/components/sections/home4/section9'
|
||||
export default function Home4() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={4} footerStyle={4}>
|
||||
<Section1 />
|
||||
<Section2 />
|
||||
<Section3 />
|
||||
<Section4 />
|
||||
<Section5 />
|
||||
<Section6 />
|
||||
<Section7 />
|
||||
<Section8 />
|
||||
<Section9 />
|
||||
<Section10 />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
37
app/index5/page.tsx
Normal file
37
app/index5/page.tsx
Normal file
@ -0,0 +1,37 @@
|
||||
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Section1 from '@/components/sections/home5/section1'
|
||||
import Section10 from '@/components/sections/home5/section10'
|
||||
import Section11 from '@/components/sections/home5/section11'
|
||||
import Section12 from '@/components/sections/home5/section12'
|
||||
import Section2 from '@/components/sections/home5/section2'
|
||||
import Section3 from '@/components/sections/home5/section3'
|
||||
import Section4 from '@/components/sections/home5/section4'
|
||||
import Section5 from '@/components/sections/home5/section5'
|
||||
import Section6 from '@/components/sections/home5/section6'
|
||||
import Section7 from '@/components/sections/home5/section7'
|
||||
import Section8 from '@/components/sections/home5/section8'
|
||||
import Section9 from '@/components/sections/home5/section9'
|
||||
export default function Home5() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={5} footerStyle={5}>
|
||||
<img src="/assets/img/bg/body-bg1.png" alt="" className="body-bg1" id="body-bg1" />
|
||||
|
||||
<Section1 />
|
||||
<Section2 />
|
||||
<Section3 />
|
||||
<Section4 />
|
||||
<Section5 />
|
||||
<Section6 />
|
||||
<Section7 />
|
||||
<Section8 />
|
||||
<Section9 />
|
||||
<Section10 />
|
||||
<Section11 />
|
||||
<Section12 />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
31
app/index6/page.tsx
Normal file
31
app/index6/page.tsx
Normal file
@ -0,0 +1,31 @@
|
||||
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Section1 from '@/components/sections/home6/section1'
|
||||
import Section10 from '@/components/sections/home6/section10'
|
||||
import Section2 from '@/components/sections/home6/section2'
|
||||
import Section3 from '@/components/sections/home6/section3'
|
||||
import Section4 from '@/components/sections/home6/section4'
|
||||
import Section5 from '@/components/sections/home6/section5'
|
||||
import Section6 from '@/components/sections/home6/section6'
|
||||
import Section7 from '@/components/sections/home6/section7'
|
||||
import Section8 from '@/components/sections/home6/section8'
|
||||
import Section9 from '@/components/sections/home6/section9'
|
||||
export default function Home6() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={6} footerStyle={6}>
|
||||
<Section1 />
|
||||
<Section2 />
|
||||
<Section3 />
|
||||
<Section4 />
|
||||
<Section5 />
|
||||
<Section6 />
|
||||
<Section7 />
|
||||
<Section8 />
|
||||
<Section9 />
|
||||
<Section10 />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
31
app/index7/page.tsx
Normal file
31
app/index7/page.tsx
Normal file
@ -0,0 +1,31 @@
|
||||
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Section1 from '@/components/sections/home7/section1'
|
||||
import Section10 from '@/components/sections/home7/section10'
|
||||
import Section2 from '@/components/sections/home7/section2'
|
||||
import Section3 from '@/components/sections/home7/section3'
|
||||
import Section4 from '@/components/sections/home7/section4'
|
||||
import Section5 from '@/components/sections/home7/section5'
|
||||
import Section6 from '@/components/sections/home7/section6'
|
||||
import Section7 from '@/components/sections/home7/section7'
|
||||
import Section8 from '@/components/sections/home7/section8'
|
||||
import Section9 from '@/components/sections/home7/section9'
|
||||
export default function Home7() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={7} footerStyle={7}>
|
||||
<Section1 />
|
||||
<Section2 />
|
||||
<Section3 />
|
||||
<Section4 />
|
||||
<Section5 />
|
||||
<Section6 />
|
||||
<Section7 />
|
||||
<Section8 />
|
||||
<Section9 />
|
||||
<Section10 />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
23
app/index8/page.tsx
Normal file
23
app/index8/page.tsx
Normal file
@ -0,0 +1,23 @@
|
||||
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Section1 from '@/components/sections/home8/section1'
|
||||
import Section2 from '@/components/sections/home8/section2'
|
||||
import Section3 from '@/components/sections/home8/section3'
|
||||
import Section4 from '@/components/sections/home8/section4'
|
||||
import Section5 from '@/components/sections/home8/section5'
|
||||
import Section6 from '@/components/sections/home8/section6'
|
||||
export default function Home8() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={8} footerStyle={8}>
|
||||
<Section1 />
|
||||
<Section2 />
|
||||
<Section3 />
|
||||
<Section4 />
|
||||
<Section5 />
|
||||
<Section6 />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
25
app/index9/page.tsx
Normal file
25
app/index9/page.tsx
Normal file
@ -0,0 +1,25 @@
|
||||
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Section1 from '@/components/sections/home9/section1'
|
||||
import Section2 from '@/components/sections/home9/section2'
|
||||
import Section3 from '@/components/sections/home9/section3'
|
||||
import Section4 from '@/components/sections/home9/section4'
|
||||
import Section5 from '@/components/sections/home9/section5'
|
||||
import Section6 from '@/components/sections/home9/section6'
|
||||
import Section7 from '@/components/sections/home9/section7'
|
||||
export default function Home9() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={9} footerStyle={9}>
|
||||
<Section1 />
|
||||
<Section2 />
|
||||
<Section3 />
|
||||
<Section4 />
|
||||
<Section5 />
|
||||
<Section6 />
|
||||
<Section7 />
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
47
app/layout.tsx
Normal file
47
app/layout.tsx
Normal file
@ -0,0 +1,47 @@
|
||||
import 'swiper/css';
|
||||
import "swiper/css/navigation";
|
||||
import "swiper/css/pagination";
|
||||
import "/public/assets/css/vendor/aos.css"
|
||||
import "/public/assets/css/vendor/bootstrap.min.css"
|
||||
import "/public/assets/css/vendor/fontawesome.css"
|
||||
import "/public/assets/css/vendor/magnific-popup.css"
|
||||
import "/public/assets/css/vendor/mobile.css"
|
||||
// import "/public/assets/css/vendor/owlcarousel.min.css"
|
||||
import "/public/assets/css/vendor/sidebar.css"
|
||||
import "/public/assets/css/vendor/slick-slider.css"
|
||||
import "/public/assets/css/vendor/nice-select.css"
|
||||
import "/public/assets/css/vendor/odometer.css"
|
||||
import "/public/assets/css/main.css"
|
||||
|
||||
import type { Metadata } from "next"
|
||||
import { Figtree, Space_Grotesk } from "next/font/google"
|
||||
|
||||
const figtree = Figtree({
|
||||
weight: ['300', '400', '500', '600', '700', '800', '900'],
|
||||
subsets: ['latin'],
|
||||
variable: "--figtree",
|
||||
display: 'swap',
|
||||
})
|
||||
const grotesk = Space_Grotesk({
|
||||
weight: ['300', '400', '500', '600', '700'],
|
||||
subsets: ['latin'],
|
||||
variable: "--grotesk",
|
||||
display: 'swap',
|
||||
})
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Tamil Culture Association",
|
||||
description: "Tamil Culture Association waterloo region",
|
||||
}
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: Readonly<{
|
||||
children: React.ReactNode
|
||||
}>) {
|
||||
return (
|
||||
<html lang="en">
|
||||
<body className={`${figtree.variable} ${grotesk.variable}`}>{children}</body>
|
||||
</html>
|
||||
)
|
||||
}
|
||||
14
app/loading.tsx
Normal file
14
app/loading.tsx
Normal file
@ -0,0 +1,14 @@
|
||||
export default function Preloader() {
|
||||
return (
|
||||
<>
|
||||
<div className="preloader">
|
||||
<div className="loading-container">
|
||||
<div className="loading" />
|
||||
<div id="loading-icon"><img src="/assets/img/logo/preloader.png" alt="" /></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
246
app/memories/page.tsx
Normal file
246
app/memories/page.tsx
Normal file
@ -0,0 +1,246 @@
|
||||
|
||||
import Countdown from '@/components/elements/Countdown'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
export default function Memories() {
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(assets/img/bg/header-bg11.png)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-6 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>Recent Memories</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>Recent Memories</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== HERO AREA ENDS =======*/}
|
||||
{/*===== MEMORY AREA STARTS =======*/}
|
||||
<div className="memory-inner-section-area sp1">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div className="memory3-boxarea">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/memory/memory-img4.png" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<p>Event 2024</p>
|
||||
<div className="space12" />
|
||||
<Link href="/event-single">Freelancer Meetup</Link>
|
||||
<div className="plus">
|
||||
<Link href="/event-single"><i className="fa-solid fa-plus" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div className="memory3-boxarea">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/memory/memory-img5.png" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<p>Event 2024</p>
|
||||
<div className="space12" />
|
||||
<Link href="/event-single">Freelancer Meetup</Link>
|
||||
<div className="plus">
|
||||
<Link href="/event-single"><i className="fa-solid fa-plus" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div className="memory3-boxarea">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/memory/memory-img6.png" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<p>Event 2024</p>
|
||||
<div className="space12" />
|
||||
<Link href="/event-single">Freelancer Meetup</Link>
|
||||
<div className="plus">
|
||||
<Link href="/event-single"><i className="fa-solid fa-plus" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div className="memory3-boxarea">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/memory/memory-img7.png" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<p>Event 2024</p>
|
||||
<div className="space12" />
|
||||
<Link href="/event-single">Freelancer Meetup</Link>
|
||||
<div className="plus">
|
||||
<Link href="/event-single"><i className="fa-solid fa-plus" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div className="memory3-boxarea">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/memory/memory-img8.png" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<p>Event 2024</p>
|
||||
<div className="space12" />
|
||||
<Link href="/event-single">Freelancer Meetup</Link>
|
||||
<div className="plus">
|
||||
<Link href="/event-single"><i className="fa-solid fa-plus" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div className="memory3-boxarea">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/memory/memory-img9.png" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<p>Event 2024</p>
|
||||
<div className="space12" />
|
||||
<Link href="/event-single">Freelancer Meetup</Link>
|
||||
<div className="plus">
|
||||
<Link href="/event-single"><i className="fa-solid fa-plus" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div className="memory3-boxarea">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/memory/memory-img10.png" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<p>Event 2024</p>
|
||||
<div className="space12" />
|
||||
<Link href="/event-single">Freelancer Meetup</Link>
|
||||
<div className="plus">
|
||||
<Link href="/event-single"><i className="fa-solid fa-plus" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div className="memory3-boxarea">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/memory/memory-img11.png" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<p>Event 2024</p>
|
||||
<div className="space12" />
|
||||
<Link href="/event-single">Freelancer Meetup</Link>
|
||||
<div className="plus">
|
||||
<Link href="/event-single"><i className="fa-solid fa-plus" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div className="memory3-boxarea">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/memory/memory-img12.png" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<p>Event 2024</p>
|
||||
<div className="space12" />
|
||||
<Link href="/event-single">Freelancer Meetup</Link>
|
||||
<div className="plus">
|
||||
<Link href="/event-single"><i className="fa-solid fa-plus" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space30" />
|
||||
<div className="pagination-area">
|
||||
<nav aria-label="Page navigation example">
|
||||
<ul className="pagination">
|
||||
<li className="page-item">
|
||||
<Link className="page-link" href="/#" aria-label="Previous">
|
||||
<i className="fa-solid fa-angle-left" />
|
||||
</Link>
|
||||
</li>
|
||||
<li className="page-item"><Link className="page-link active" href="/#">1</Link></li>
|
||||
<li className="page-item"><Link className="page-link" href="/#">2</Link></li>
|
||||
<li className="page-item"><Link className="page-link" href="/#">...</Link></li>
|
||||
<li className="page-item"><Link className="page-link" href="/#">12</Link></li>
|
||||
<li className="page-item">
|
||||
<Link className="page-link" href="/#" aria-label="Next">
|
||||
<i className="fa-solid fa-angle-right" />
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== MEMORY AREA ENDS =======*/}
|
||||
{/*===== CTA AREA STARTS =======*/}
|
||||
<div className="cta1-section-area d-lg-block d-block">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="cta1-main-boxarea">
|
||||
<div className="timer-btn-area">
|
||||
<Countdown />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn1">Buy Ticket</Link>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />30 January 2025 - 6pm to 11:30pm</Link>
|
||||
</li>
|
||||
<li className="m-0">
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />Secret Location In The UK</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== CTA AREA ENDS =======*/}
|
||||
{/*===== CTA AREA STARTS =======*/}
|
||||
<div className="cta1-section-area d-lg-none d-block">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="cta1-main-boxarea">
|
||||
<div className="timer-btn-area">
|
||||
<Countdown />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn1">Buy Ticket</Link>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />30 January 2025 - 6pm to 11:30pm</Link>
|
||||
</li>
|
||||
<li className="m-0">
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />Secret Location In The UK</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
17
app/mission/page.tsx
Normal file
17
app/mission/page.tsx
Normal file
@ -0,0 +1,17 @@
|
||||
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Section1 from "@/components/about/mission/Section1"
|
||||
|
||||
export default function Mission() {
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
|
||||
<Section1 />
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
36
app/online/christmas/page.tsx
Normal file
36
app/online/christmas/page.tsx
Normal file
@ -0,0 +1,36 @@
|
||||
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Section1 from "@/components/online/christmas/Section1"
|
||||
import Section2 from "@/components/online/christmas/Section2"
|
||||
import Section3 from "@/components/online/christmas/Section3"
|
||||
import Link from "next/link"
|
||||
export default function christmas() {
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(../assets/img/online/banners/christmas.webp)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-5 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>Christmas & 2024 Year End Celebrations</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>Online</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Section1 />
|
||||
<Section2 />
|
||||
<Section3 />
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
36
app/online/community-picnic/page.tsx
Normal file
36
app/online/community-picnic/page.tsx
Normal file
@ -0,0 +1,36 @@
|
||||
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Section1 from "@/components/online/communitypicnic/Section1"
|
||||
import Section2 from "@/components/online/communitypicnic/Section2"
|
||||
import Section3 from "@/components/online/communitypicnic/Section3"
|
||||
import Link from "next/link"
|
||||
export default function communitypicnic() {
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(../assets/img/online/banners/picnic.webp)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-5 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>TCA Community Picnic 2024</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>Online</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Section1 />
|
||||
<Section2 />
|
||||
<Section3 />
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
36
app/online/kalai-vizha/page.tsx
Normal file
36
app/online/kalai-vizha/page.tsx
Normal file
@ -0,0 +1,36 @@
|
||||
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Section1 from "@/components/online/kalaivizha/Section1"
|
||||
import Section2 from "@/components/online/kalaivizha/Section2"
|
||||
import Section3 from "@/components/online/kalaivizha/Section3"
|
||||
import Link from "next/link"
|
||||
export default function kalaivizha() {
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(../assets/img/online/banners/kalai-vizha.webp)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-5 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>Kalai Vizha 2025</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>Online</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Section1 />
|
||||
<Section2 />
|
||||
<Section3 />
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
36
app/online/membership-2024/page.tsx
Normal file
36
app/online/membership-2024/page.tsx
Normal file
@ -0,0 +1,36 @@
|
||||
|
||||
import Countdown from '@/components/elements/Countdown'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import Section1 from "@/components/online/membership2024/Section1"
|
||||
import Section2 from "@/components/online/membership2024/Section2"
|
||||
import Section3 from "@/components/online/membership2024/Section3"
|
||||
export default function Membership2024() {
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(../assets/img/online/banners/membership-2024.webp)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-5 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>Membership 2024</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>Online</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Section1 />
|
||||
<Section2 />
|
||||
<Section3 />
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
36
app/online/membership-2025/page.tsx
Normal file
36
app/online/membership-2025/page.tsx
Normal file
@ -0,0 +1,36 @@
|
||||
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Section1 from "@/components/online/membership2025/Section1"
|
||||
import Section2 from "@/components/online/membership2025/Section2"
|
||||
import Section3 from "@/components/online/membership2025/Section3"
|
||||
import Link from "next/link"
|
||||
export default function membership2025() {
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(../assets/img/online/banners/membership-2025.webp)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-5 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>Membership 2025</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>Online</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Section1 />
|
||||
<Section2 />
|
||||
<Section3 />
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
36
app/online/performance/page.tsx
Normal file
36
app/online/performance/page.tsx
Normal file
@ -0,0 +1,36 @@
|
||||
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Section1 from "@/components/online/performance/Section1"
|
||||
import Section2 from "@/components/online/performance/Section2"
|
||||
import Section3 from "@/components/online/performance/Section3"
|
||||
import Link from "next/link"
|
||||
export default function performance() {
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(../assets/img/online/banners/ppr.webp)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-5 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>Program Performance Registration</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>Online</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Section1 />
|
||||
<Section2 />
|
||||
<Section3 />
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
36
app/online/registration-form/page.tsx
Normal file
36
app/online/registration-form/page.tsx
Normal file
@ -0,0 +1,36 @@
|
||||
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Section1 from "@/components/online/registrationform/Section1"
|
||||
import Section2 from "@/components/online/registrationform/Section2"
|
||||
import Section3 from "@/components/online/registrationform/Section3"
|
||||
import Link from "next/link"
|
||||
export default function registrationform() {
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(../assets/img/online/banners/whatsapp-group.webp)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-5 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>WhatsApp Group</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>Online</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Section1 />
|
||||
<Section2 />
|
||||
<Section3 />
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
38
app/online/sponsor/page.jsx
Normal file
38
app/online/sponsor/page.jsx
Normal file
@ -0,0 +1,38 @@
|
||||
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Section1 from "@/components/online/sponsor/Section1"
|
||||
import Section2 from "@/components/online/sponsor/Section2"
|
||||
import Section3 from "@/components/online/sponsor/Section3"
|
||||
import Section4 from "@/components/online/sponsor/Section4"
|
||||
import Link from "next/link"
|
||||
export default function sponsor() {
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(../assets/img/online/banners/sponsor.webp)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-5 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>Sponsorship Opportunities</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>Online</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Section1 />
|
||||
<Section2 />
|
||||
<Section3 />
|
||||
<Section4 />
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
36
app/online/sports-day/page.tsx
Normal file
36
app/online/sports-day/page.tsx
Normal file
@ -0,0 +1,36 @@
|
||||
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Section1 from "@/components/online/sportsday/Section1"
|
||||
import Section2 from "@/components/online/sportsday/Section2"
|
||||
import Section3 from "@/components/online/sportsday/Section3"
|
||||
import Link from "next/link"
|
||||
export default function sportsday() {
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(../assets/img/online/banners/sports-day.webp)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-5 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>Sports Day</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>Online</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Section1 />
|
||||
<Section2 />
|
||||
<Section3/>
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
36
app/online/tamil-new-year/page.tsx
Normal file
36
app/online/tamil-new-year/page.tsx
Normal file
@ -0,0 +1,36 @@
|
||||
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Section1 from "@/components/online/tamilnewyear/Section1"
|
||||
import Section2 from "@/components/online/tamilnewyear/Section2"
|
||||
import Section3 from "@/components/online/tamilnewyear/Section3"
|
||||
import Link from "next/link"
|
||||
export default function tamilnewyear() {
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(../assets/img/online/banners/tamil-new-yr.webp)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-5 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>TAMIL NEW YEAR</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>Online</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Section1 />
|
||||
<Section2 />
|
||||
<Section3 />
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
36
app/online/thai-pongal-2025/page.tsx
Normal file
36
app/online/thai-pongal-2025/page.tsx
Normal file
@ -0,0 +1,36 @@
|
||||
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Section1 from "@/components/online/thaipongal2025/Section1"
|
||||
import Section2 from "@/components/online/thaipongal2025/Section2"
|
||||
import Section3 from "@/components/online/thaipongal2025/Section3"
|
||||
import Link from "next/link"
|
||||
export default function membership2025() {
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(../assets/img/online/banners/pongal.webp)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-5 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>THAI PONGAL</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>Online</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Section1 />
|
||||
<Section2 />
|
||||
<Section3 />
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
36
app/online/volunteer/page.tsx
Normal file
36
app/online/volunteer/page.tsx
Normal file
@ -0,0 +1,36 @@
|
||||
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Section1 from "@/components/online/volunteer/Section1"
|
||||
import Section2 from "@/components/online/volunteer/Section2"
|
||||
import Section3 from "@/components/online/volunteer/Section3"
|
||||
import Link from "next/link"
|
||||
export default function volunteer() {
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(../assets/img/online/banners/event-volunteer.webp)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-5 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>Event Volunteers</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>Online</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Section1 />
|
||||
<Section2 />
|
||||
<Section3 />
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
65
app/page.tsx
Normal file
65
app/page.tsx
Normal file
@ -0,0 +1,65 @@
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Popup from '@/components/layout/Popup'
|
||||
import Section1 from '@/components/sections/home9/section1'
|
||||
import Section2 from '@/components/sections/home3/section2'
|
||||
import Section22 from '@/components/sections/home9/section2'
|
||||
import Section3 from '@/components/sections/home1/section3'
|
||||
import Section4 from '@/components/sections/home1/section4'
|
||||
import Section5 from '@/components/sections/home10/section5'
|
||||
import Section6 from '@/components/sections/home3/section6'
|
||||
import Section7 from '@/components/sections/home3/section7'
|
||||
import Section8 from '@/components/sections/home1/section8'
|
||||
import Section9 from '@/components/sections/home1/section9'
|
||||
import AboutSection from '@/components/home/AboutSection'
|
||||
import ArtAndCultureSection from '@/components/home/ArtsAndCultureSection'
|
||||
import AdSectionOne from "@/components/home/AdSectionOne"
|
||||
import AdSectionTwo from "@/components/home/AdSectionFive"
|
||||
import FoodSection from "@/components/home/FoodSection"
|
||||
import AdSectionThree from "@/components/home/AdSectionThree"
|
||||
import HaritageAndLanguage from "@/components/home/HaritageAndLanguage"
|
||||
import AdSectionFour from "@/components/home/AdSectionFour"
|
||||
import BlogSection from "@/components/home/BlogSection"
|
||||
import HomeHeroBanner from "@/components/home/HeroBanner"
|
||||
import HomeSlogan from '@/components/home/HomeSlogan'
|
||||
import HomeCommunitySection from '@/components/home/HomeCommunitySection'
|
||||
import HomeUpcomingEvent from "@/components/home/HomeUpcomingEvent"
|
||||
import HomeWhyChooseUs from "@/components/home/HomeWhyChooseus"
|
||||
import HomePhotoGallerySection from "@/components/home/HomePhotoGallerySection"
|
||||
import AdSectionFive from "@/components/home/AdSectionFive"
|
||||
|
||||
export default function Home() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<HomeHeroBanner />
|
||||
<AboutSection />
|
||||
<AdSectionOne />
|
||||
<ArtAndCultureSection />
|
||||
<HomeSlogan />
|
||||
|
||||
<HomeCommunitySection />
|
||||
|
||||
<AdSectionFive />
|
||||
<HomeUpcomingEvent />
|
||||
<HomeWhyChooseUs />
|
||||
{/* <Section7 /> */}
|
||||
{/* <FoodSection /> */}
|
||||
<AdSectionThree />
|
||||
<HomePhotoGallerySection />
|
||||
{/* <HaritageAndLanguage />
|
||||
<AdSectionFour />
|
||||
<BlogSection /> */}
|
||||
{/* <Section3 />
|
||||
<Section4 />
|
||||
<Section5 />
|
||||
<Section6 />
|
||||
<Section7 />
|
||||
<Section8 />
|
||||
<Section9 /> */}
|
||||
</Layout>
|
||||
|
||||
{/* <Popup /> */}
|
||||
</>
|
||||
)
|
||||
}
|
||||
156
app/pricing-plan/page.tsx
Normal file
156
app/pricing-plan/page.tsx
Normal file
@ -0,0 +1,156 @@
|
||||
|
||||
import Countdown from '@/components/elements/Countdown'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
export default function PricingPlan() {
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(assets/img/bg/header-bg16.png)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-9 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>Pricing Plan</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>Pricing Plan</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== HERO AREA ENDS =======*/}
|
||||
{/*===== PRICING AREA STARTS =======*/}
|
||||
<div className="pricing-lan-section-area sp1">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-5 m-auto">
|
||||
<div className="heading2 text-center space-margin60">
|
||||
<h5>ticket pricing</h5>
|
||||
<div className="space18" />
|
||||
<h2>Event Pass & Tickets</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div className="pricing-boxarea">
|
||||
<h5>Basic Packages</h5>
|
||||
<div className="space20" />
|
||||
<h2>$29 <span>/One Person</span></h2>
|
||||
<div className="space8" />
|
||||
<ul>
|
||||
<li><img src="/assets/img/icons/check2.svg" alt="" />Regular Seating</li>
|
||||
<li><img src="/assets/img/icons/check2.svg" alt="" />Comfortable Sleeping</li>
|
||||
<li><img src="/assets/img/icons/check2.svg" alt="" />Afternoon Snacks</li>
|
||||
<li><img src="/assets/img/icons/check2.svg" alt="" />Afternoon Entrance</li>
|
||||
<li><img src="/assets/img/icons/check2.svg" alt="" />Idea shareing</li>
|
||||
</ul>
|
||||
<div className="space28" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/contact" className="vl-btn1">buy a ticket</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div className="pricing-boxarea">
|
||||
<h5>Standard Packages</h5>
|
||||
<div className="space20" />
|
||||
<h2>$49 <span>/One Person</span></h2>
|
||||
<div className="space8" />
|
||||
<ul>
|
||||
<li><img src="/assets/img/icons/check2.svg" alt="" />Venue rental</li>
|
||||
<li><img src="/assets/img/icons/check2.svg" alt="" />Premium seating and tables</li>
|
||||
<li><img src="/assets/img/icons/check2.svg" alt="" />Full event planning service</li>
|
||||
<li><img src="/assets/img/icons/check2.svg" alt="" />Entertainment services</li>
|
||||
<li><img src="/assets/img/icons/check2.svg" alt="" />Luxury transportation</li>
|
||||
</ul>
|
||||
<div className="space28" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/contact" className="vl-btn1">buy a ticket</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div className="pricing-boxarea">
|
||||
<h5>Premium Packages</h5>
|
||||
<div className="space20" />
|
||||
<h2>$69 <span>/One Person</span></h2>
|
||||
<div className="space8" />
|
||||
<ul>
|
||||
<li><img src="/assets/img/icons/check2.svg" alt="" />Customized decor</li>
|
||||
<li><img src="/assets/img/icons/check2.svg" alt="" />Top-tier catering</li>
|
||||
<li><img src="/assets/img/icons/check2.svg" alt="" />Top-shelf beverage package</li>
|
||||
<li><img src="/assets/img/icons/check2.svg" alt="" />Full event production</li>
|
||||
<li><img src="/assets/img/icons/check2.svg" alt="" />Luxury accommodations</li>
|
||||
</ul>
|
||||
<div className="space28" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/contact " className="vl-btn1">buy a ticket</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== PRICING AREA ENDS =======*/}
|
||||
{/*===== CTA AREA STARTS =======*/}
|
||||
<div className="cta1-section-area d-lg-block d-block">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="cta1-main-boxarea">
|
||||
<div className="timer-btn-area">
|
||||
<Countdown />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn1">Buy Ticket</Link>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />30 January 2025 - 6pm to 11:30pm</Link>
|
||||
</li>
|
||||
<li className="m-0">
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />Secret Location In The UK</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== CTA AREA ENDS =======*/}
|
||||
{/*===== CTA AREA STARTS =======*/}
|
||||
<div className="cta1-section-area d-lg-none d-block">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="cta1-main-boxarea">
|
||||
<div className="timer-btn-area">
|
||||
<Countdown />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn1">Buy Ticket</Link>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />30 January 2025 - 6pm to 11:30pm</Link>
|
||||
</li>
|
||||
<li className="m-0">
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />Secret Location In The UK</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
346
app/speakers-single/page.tsx
Normal file
346
app/speakers-single/page.tsx
Normal file
@ -0,0 +1,346 @@
|
||||
|
||||
import Countdown from '@/components/elements/Countdown'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
export default function SpeakersSingle() {
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(assets/img/bg/header-bg7.png)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-6 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>speakers Details</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>Speakers Details</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== HERO AREA ENDS =======*/}
|
||||
{/*===== TEAM AREA STARTS =======*/}
|
||||
<div className="team-details-section-area sp1">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="speakers-details-box">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-5">
|
||||
<div className="our-team-boxarea">
|
||||
<div className="team-widget-area">
|
||||
<img src="/assets/img/elements/elements25.png" alt="" className="elements21" />
|
||||
<img src="/assets/img/elements/elements26.png" alt="" className="elements22" />
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/team/team-img12.png" alt="" className="team-img4" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<Link href="/#">Adresy Ineasta</Link>
|
||||
<div className="space16" />
|
||||
<p>UI/UX Designer</p>
|
||||
<div className="space24" />
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#" className="icon1"><i className="fa-brands fa-facebook-f" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#" className="icon2"><i className="fa-brands fa-linkedin-in" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#" className="icon3"><i className="fa-brands fa-instagram" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#" className="icon4"><i className="fa-brands fa-pinterest-p" /></Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-7">
|
||||
<div className="speakesr-details-content heading2">
|
||||
<h2>Personal Information</h2>
|
||||
<div className="space16" />
|
||||
<p>Kireon Pollardy is a renowned business strategist and thought leader with over 15 years of experience in guiding companies through transformational growth. As and expert in innovation an leadership, Kireon has worked with global brands, helping them navigate the complexities</p>
|
||||
<div className="space32" />
|
||||
<div className="row">
|
||||
<div className="col-lg-5">
|
||||
<div className="details-content">
|
||||
<h4>Date Of Birth:</h4>
|
||||
<div className="space12" />
|
||||
<Link href="/#">September 10,1980</Link>
|
||||
<div className="space32" />
|
||||
<h4>Mobile Number:</h4>
|
||||
<div className="space12" />
|
||||
<Link href="/tel:+(123)4567890">+(123) 456 7890</Link>
|
||||
<div className="space32" />
|
||||
<h4>Date Of Birth:</h4>
|
||||
<div className="space12" />
|
||||
<Link href="/#">PO Box 16122 Collins Street West Victoria 8007 Newyork</Link>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-7">
|
||||
<div className="heading2">
|
||||
<h3>Personal Information</h3>
|
||||
<div className="space16" />
|
||||
<p>His passion for fostering creativity and driving strategic change has made him a sought-after speaker at top business conferences around the world. At meet Eventify 2024, Kireon will share his the unique insights on future-proofing best businesses, offering practical strategies to help organizations stay agile and on competitive in a rapidly changing meet environment knowledge and real-world.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="event-team-area sp10">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-6 m-auto">
|
||||
<div className="heading2 text-center space-margin60">
|
||||
<h2>Event History Kireon Pollardy</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-lg-12 m-auto">
|
||||
<div className="event-widget-area">
|
||||
<div className="row">
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="event2-boxarea box1">
|
||||
<h1 className="active">01</h1>
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-5">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img4.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-1" />
|
||||
<div className="col-lg-6">
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/clock1.svg" alt="" />10.00 AM -12.00 PM <span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />26/C Asana, New York </Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/event-single" className="head">Elevate User Experience Expertise</Link>
|
||||
<div className="space24" />
|
||||
<div className="author-area">
|
||||
<div className="autho-name-area">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img1.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers-single">Alex Roberton</Link>
|
||||
<div className="space8" />
|
||||
<p>UI/UX Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="autho-name-area" style={{ padding: '0 0 0 12px', border: 'none' }}>
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img2.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers-single">Alexys Archer</Link>
|
||||
<div className="space8" />
|
||||
<p>WP Developer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn1"><span className="demo">purchase ticket Now</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space48" />
|
||||
<div className="row">
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="event2-boxarea box1">
|
||||
<h1 className="active">02</h1>
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-7">
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/clock1.svg" alt="" />10.00 AM -12.00 PM <span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />26/C Asana, New York </Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/event-single" className="head">Elevate User Experience Expertise</Link>
|
||||
<div className="space24" />
|
||||
<div className="author-area">
|
||||
<div className="autho-name-area">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img1.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers-single">Alex Roberton</Link>
|
||||
<div className="space8" />
|
||||
<p>UI/UX Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="autho-name-area" style={{ padding: '0 0 0 12px', border: 'none' }}>
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img2.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers-single">Alexys Archer</Link>
|
||||
<div className="space8" />
|
||||
<p>WP Developer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn1"><span className="demo">purchase ticket Now</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space30 d-lg-none d-block" />
|
||||
</div>
|
||||
<div className="col-lg-5">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img5.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space30" />
|
||||
<div className="row">
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="event2-boxarea box1">
|
||||
<h1 className="active">03</h1>
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-5">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img6.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-1" />
|
||||
<div className="col-lg-6">
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/clock1.svg" alt="" />10.00 AM -12.00 PM <span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />26/C Asana, New York </Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/event-single" className="head">Elevate User Experience Expertise</Link>
|
||||
<div className="space24" />
|
||||
<div className="author-area">
|
||||
<div className="autho-name-area">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img1.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers-single">Alex Roberton</Link>
|
||||
<div className="space8" />
|
||||
<p>UI/UX Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="autho-name-area" style={{ padding: '0 0 0 12px', border: 'none' }}>
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img2.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers-single">Alexys Archer</Link>
|
||||
<div className="space8" />
|
||||
<p>WP Developer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn1"><span className="demo">purchase ticket Now</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== TEAM AREA ENDS =======*/}
|
||||
{/*===== CTA AREA STARTS =======*/}
|
||||
<div className="cta1-section-area d-lg-block d-block">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="cta1-main-boxarea">
|
||||
<div className="timer-btn-area">
|
||||
<Countdown />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn1">Buy Ticket</Link>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />30 January 2025 - 6pm to 11:30pm</Link>
|
||||
</li>
|
||||
<li className="m-0">
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />Secret Location In The UK</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== CTA AREA ENDS =======*/}
|
||||
{/*===== CTA AREA STARTS =======*/}
|
||||
<div className="cta1-section-area d-lg-none d-block">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="cta1-main-boxarea">
|
||||
<div className="timer-btn-area">
|
||||
<Countdown />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn1">Buy Ticket</Link>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />30 January 2025 - 6pm to 11:30pm</Link>
|
||||
</li>
|
||||
<li className="m-0">
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />Secret Location In The UK</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
362
app/speakers/page.tsx
Normal file
362
app/speakers/page.tsx
Normal file
@ -0,0 +1,362 @@
|
||||
|
||||
import Countdown from '@/components/elements/Countdown'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
export default function Speakers() {
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(assets/img/bg/header-bg6.png)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-5 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>Our Speakers</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>Our Speakers</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== HERO AREA ENDS =======*/}
|
||||
{/*===== TEAM AREA STARTS =======*/}
|
||||
<div className="team-sperkers-section-area sp1">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-3 col-md-6">
|
||||
<div className="our-team-boxarea">
|
||||
<div className="team-widget-area">
|
||||
<img src="/assets/img/elements/elements25.png" alt="" className="elements21" />
|
||||
<img src="/assets/img/elements/elements26.png" alt="" className="elements22" />
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/team/team-img12.png" alt="" className="team-img4" />
|
||||
<div className="share">
|
||||
<Link href="/#"><img src="/assets/img/icons/share1.svg" alt="" /></Link>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#" className="icon1"><i className="fa-brands fa-facebook-f" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#" className="icon2"><i className="fa-brands fa-linkedin-in" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#" className="icon3"><i className="fa-brands fa-instagram" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#" className="icon4"><i className="fa-brands fa-pinterest-p" /></Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space28" />
|
||||
<div className="content-area">
|
||||
<Link href="/speakers-single">Alex Robertson</Link>
|
||||
<div className="space16" />
|
||||
<p>UI/UX Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6">
|
||||
<div className="our-team-boxarea">
|
||||
<div className="team-widget-area">
|
||||
<img src="/assets/img/elements/elements25.png" alt="" className="elements21" />
|
||||
<img src="/assets/img/elements/elements26.png" alt="" className="elements22" />
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/team/team-img13.png" alt="" className="team-img4" />
|
||||
<div className="share">
|
||||
<Link href="/#"><img src="/assets/img/icons/share1.svg" alt="" /></Link>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#" className="icon1"><i className="fa-brands fa-facebook-f" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#" className="icon2"><i className="fa-brands fa-linkedin-in" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#" className="icon3"><i className="fa-brands fa-instagram" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#" className="icon4"><i className="fa-brands fa-pinterest-p" /></Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space28" />
|
||||
<div className="content-area">
|
||||
<Link href="/speakers-single">Alexy Sammony</Link>
|
||||
<div className="space16" />
|
||||
<p>UI/UX Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6">
|
||||
<div className="our-team-boxarea">
|
||||
<div className="team-widget-area">
|
||||
<img src="/assets/img/elements/elements25.png" alt="" className="elements21" />
|
||||
<img src="/assets/img/elements/elements26.png" alt="" className="elements22" />
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/team/team-img14.png" alt="" className="team-img4" />
|
||||
<div className="share">
|
||||
<Link href="/#"><img src="/assets/img/icons/share1.svg" alt="" /></Link>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#" className="icon1"><i className="fa-brands fa-facebook-f" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#" className="icon2"><i className="fa-brands fa-linkedin-in" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#" className="icon3"><i className="fa-brands fa-instagram" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#" className="icon4"><i className="fa-brands fa-pinterest-p" /></Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space28" />
|
||||
<div className="content-area">
|
||||
<Link href="/speakers-single">Kireon Pollardy</Link>
|
||||
<div className="space16" />
|
||||
<p>UI/UX Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6">
|
||||
<div className="our-team-boxarea">
|
||||
<div className="team-widget-area">
|
||||
<img src="/assets/img/elements/elements25.png" alt="" className="elements21" />
|
||||
<img src="/assets/img/elements/elements26.png" alt="" className="elements22" />
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/team/team-img15.png" alt="" className="team-img4" />
|
||||
<div className="share">
|
||||
<Link href="/#"><img src="/assets/img/icons/share1.svg" alt="" /></Link>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#" className="icon1"><i className="fa-brands fa-facebook-f" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#" className="icon2"><i className="fa-brands fa-linkedin-in" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#" className="icon3"><i className="fa-brands fa-instagram" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#" className="icon4"><i className="fa-brands fa-pinterest-p" /></Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space28" />
|
||||
<div className="content-area">
|
||||
<Link href="/speakers-single">Adresy Ineasta</Link>
|
||||
<div className="space16" />
|
||||
<p>UI/UX Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6">
|
||||
<div className="our-team-boxarea">
|
||||
<div className="team-widget-area">
|
||||
<img src="/assets/img/elements/elements25.png" alt="" className="elements21" />
|
||||
<img src="/assets/img/elements/elements26.png" alt="" className="elements22" />
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/team/team-img16.png" alt="" className="team-img4" />
|
||||
<div className="share">
|
||||
<Link href="/#"><img src="/assets/img/icons/share1.svg" alt="" /></Link>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#" className="icon1"><i className="fa-brands fa-facebook-f" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#" className="icon2"><i className="fa-brands fa-linkedin-in" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#" className="icon3"><i className="fa-brands fa-instagram" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#" className="icon4"><i className="fa-brands fa-pinterest-p" /></Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space28" />
|
||||
<div className="content-area">
|
||||
<Link href="/speakers-single">Alex Robertson</Link>
|
||||
<div className="space16" />
|
||||
<p>UI/UX Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6">
|
||||
<div className="our-team-boxarea">
|
||||
<div className="team-widget-area">
|
||||
<img src="/assets/img/elements/elements25.png" alt="" className="elements21" />
|
||||
<img src="/assets/img/elements/elements26.png" alt="" className="elements22" />
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/team/team-img17.png" alt="" className="team-img4" />
|
||||
<div className="share">
|
||||
<Link href="/#"><img src="/assets/img/icons/share1.svg" alt="" /></Link>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#" className="icon1"><i className="fa-brands fa-facebook-f" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#" className="icon2"><i className="fa-brands fa-linkedin-in" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#" className="icon3"><i className="fa-brands fa-instagram" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#" className="icon4"><i className="fa-brands fa-pinterest-p" /></Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space28" />
|
||||
<div className="content-area">
|
||||
<Link href="/speakers-single">Alexy Sammony</Link>
|
||||
<div className="space16" />
|
||||
<p>UI/UX Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6">
|
||||
<div className="our-team-boxarea">
|
||||
<div className="team-widget-area">
|
||||
<img src="/assets/img/elements/elements25.png" alt="" className="elements21" />
|
||||
<img src="/assets/img/elements/elements26.png" alt="" className="elements22" />
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/team/team-img18.png" alt="" className="team-img4" />
|
||||
<div className="share">
|
||||
<Link href="/#"><img src="/assets/img/icons/share1.svg" alt="" /></Link>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#" className="icon1"><i className="fa-brands fa-facebook-f" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#" className="icon2"><i className="fa-brands fa-linkedin-in" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#" className="icon3"><i className="fa-brands fa-instagram" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#" className="icon4"><i className="fa-brands fa-pinterest-p" /></Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space28" />
|
||||
<div className="content-area">
|
||||
<Link href="/speakers-single">Alexy Sammony</Link>
|
||||
<div className="space16" />
|
||||
<p>UI/UX Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6">
|
||||
<div className="our-team-boxarea">
|
||||
<div className="team-widget-area">
|
||||
<img src="/assets/img/elements/elements25.png" alt="" className="elements21" />
|
||||
<img src="/assets/img/elements/elements26.png" alt="" className="elements22" />
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/team/team-img19.png" alt="" className="team-img4" />
|
||||
<div className="share">
|
||||
<Link href="/#"><img src="/assets/img/icons/share1.svg" alt="" /></Link>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#" className="icon1"><i className="fa-brands fa-facebook-f" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#" className="icon2"><i className="fa-brands fa-linkedin-in" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#" className="icon3"><i className="fa-brands fa-instagram" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#" className="icon4"><i className="fa-brands fa-pinterest-p" /></Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space28" />
|
||||
<div className="content-area">
|
||||
<Link href="/speakers-single">Adresy Ineasta</Link>
|
||||
<div className="space16" />
|
||||
<p>UI/UX Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== TEAM AREA ENDS =======*/}
|
||||
{/*===== CTA AREA STARTS =======*/}
|
||||
<div className="cta1-section-area d-lg-block d-block">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="cta1-main-boxarea">
|
||||
<div className="timer-btn-area">
|
||||
<Countdown />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn1">Buy Ticket</Link>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />30 January 2025 - 6pm to 11:30pm</Link>
|
||||
</li>
|
||||
<li className="m-0">
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />Secret Location In The UK</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== CTA AREA ENDS =======*/}
|
||||
{/*===== CTA AREA STARTS =======*/}
|
||||
<div className="cta1-section-area d-lg-none d-block">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="cta1-main-boxarea">
|
||||
<div className="timer-btn-area">
|
||||
<Countdown />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn1">Buy Ticket</Link>
|
||||
</div>
|
||||
</div>
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />30 January 2025 - 6pm to 11:30pm</Link>
|
||||
</li>
|
||||
<li className="m-0">
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />Secret Location In The UK</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
36
app/tamil-culture/page.tsx
Normal file
36
app/tamil-culture/page.tsx
Normal file
@ -0,0 +1,36 @@
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import TamilCultureSection from "@/components/tamilculture/culturehome/TamilCultureSection"
|
||||
import Section2 from "@/components/tamilculture/culturehome/Section2"
|
||||
import Link from "next/link"
|
||||
export default function TamilCulture() {
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(assets/img/bg/header-bg5.png)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-4 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>Tamil Culture</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>Tamil Culture</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== HERO AREA ENDS =======*/}
|
||||
|
||||
<TamilCultureSection />
|
||||
<Section2 />
|
||||
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -0,0 +1,34 @@
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Section1 from "@/components/tamilculture/tamil-festivals/christian-festivals/Section1"
|
||||
import Link from "next/link"
|
||||
export default function ChristianFestivals() {
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/bg/header-bg5.png)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-4 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>Christian Festivals</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>Christian Festivals</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== HERO AREA ENDS =======*/}
|
||||
|
||||
<Section1 />
|
||||
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
36
app/tamil-culture/tamil-festivals/hindu-festivals/page.tsx
Normal file
36
app/tamil-culture/tamil-festivals/hindu-festivals/page.tsx
Normal file
@ -0,0 +1,36 @@
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Section1 from "@/components/tamilculture/tamil-festivals/hindu-festivals/Section1"
|
||||
import Section2 from "@/components/tamilculture/tamil-festivals/hindu-festivals/Section2"
|
||||
import Link from "next/link"
|
||||
export default function HinduFestivals() {
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/bg/header-bg5.png)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-4 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>Hindu Festivals</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>Hindu Festivals </span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== HERO AREA ENDS =======*/}
|
||||
|
||||
<Section1 />
|
||||
<Section2 />
|
||||
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
34
app/tamil-culture/tamil-festivals/muslim-festivals/page.tsx
Normal file
34
app/tamil-culture/tamil-festivals/muslim-festivals/page.tsx
Normal file
@ -0,0 +1,34 @@
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Section1 from "@/components/tamilculture/tamil-festivals/muslim-festivals/Section1"
|
||||
import Link from "next/link"
|
||||
export default function MuslimFestivals() {
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/bg/header-bg5.png)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-4 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>Muslim Festivals </h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>Muslim Festivals </span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== HERO AREA ENDS =======*/}
|
||||
|
||||
<Section1 />
|
||||
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
34
app/tamil-culture/tamil-festivals/page.tsx
Normal file
34
app/tamil-culture/tamil-festivals/page.tsx
Normal file
@ -0,0 +1,34 @@
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Section1 from "@/components/tamilculture/tamil-festivals/Section1"
|
||||
import Link from "next/link"
|
||||
export default function TamilFestivals() {
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/bg/header-bg5.png)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-4 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>Tamil Festivals</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>Tamil Festivals</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== HERO AREA ENDS =======*/}
|
||||
|
||||
<Section1 />
|
||||
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
149
app/tamil-culture/tamil-language/page.jsx
Normal file
149
app/tamil-culture/tamil-language/page.jsx
Normal file
@ -0,0 +1,149 @@
|
||||
import Countdown from '@/components/elements/Countdown';
|
||||
import Layout from "@/components/layout/Layout";
|
||||
import { memoryData } from '@/utility/constant.utils';
|
||||
import { tamilculture } from '@/utility/constant.utils';
|
||||
import Link from "next/link";
|
||||
|
||||
export default function Tamilculture() {
|
||||
let globalIndex = 0;
|
||||
|
||||
const totalEvents = Object.values(tamilculture).flat().length;
|
||||
|
||||
return (
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
<div
|
||||
className="inner-page-header"
|
||||
style={{ backgroundImage: 'url(/assets/img/bg/header-bg11.png)' }}
|
||||
>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-6 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>TAMIL LANGUAGE</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">
|
||||
Home <i className="fa-solid fa-angle-right" /> <span>TAMIL LANGUAGE</span>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="about7-section-area sp1">
|
||||
<div className="container">
|
||||
{Object.entries(tamilculture).map(([key, events]) =>
|
||||
events.map((event) => {
|
||||
const isEven = globalIndex % 2 === 0;
|
||||
const isLast = globalIndex === Object.values(tamilculture).flat().length - 1;
|
||||
const sectionStyle = {
|
||||
marginBottom: isLast ? '0px' : '100px',
|
||||
};
|
||||
globalIndex++;
|
||||
|
||||
return (
|
||||
<div key={event.slug} style={sectionStyle}>
|
||||
<div className="row align-items-center">
|
||||
{isEven ? (
|
||||
<>
|
||||
<div className="col-lg-6 order-1 order-lg-1">
|
||||
<div className="about-header-area heading10">
|
||||
<h2 className="text-anime-style-3">{event.title}</h2>
|
||||
<div className="space16" />
|
||||
<div className="about-auhtor-box" data-aos="fade-left" data-aos-duration={1100}>
|
||||
<div>
|
||||
<p>{event.desc}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space32" />
|
||||
<div className="btn-area1" data-aos="fade-left" data-aos-duration={1200}>
|
||||
<Link
|
||||
href={`/tamil-culture/tamil-language/tamil-language-data?slug=${event.slug}`}
|
||||
className="vl-btn7"
|
||||
>
|
||||
{event.button} <span><i className="fa-solid fa-arrow-right" /></span>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-6 order-1 order-lg-2">
|
||||
<div className="about-images-area">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6 col-md-6">
|
||||
<div className="img1 image-anime reveal">
|
||||
<img src="/assets/img/all-images/about/about-img4.png" alt="Image 1" />
|
||||
</div>
|
||||
<div className="space24 d-md-none d-block" />
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6">
|
||||
<div className="img1 image-anime reveal">
|
||||
<img src="/assets/img/all-images/about/about-img5.png" alt="Image 2" />
|
||||
</div>
|
||||
<div className="space24" />
|
||||
<div className="img1 image-anime reveal">
|
||||
<img src="/assets/img/all-images/about/about-img6.png" alt="Image 3" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
) : (
|
||||
<>
|
||||
<div className="col-lg-6 order-1 order-lg-2">
|
||||
<div className="about-images-area">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6 col-md-6">
|
||||
<div className="img1 image-anime reveal">
|
||||
<img src="/assets/img/all-images/about/about-img4.png" alt="Image 1" />
|
||||
</div>
|
||||
<div className="space24 d-md-none d-block" />
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6">
|
||||
<div className="img1 image-anime reveal">
|
||||
<img src="/assets/img/all-images/about/about-img5.png" alt="Image 2" />
|
||||
</div>
|
||||
<div className="space24" />
|
||||
<div className="img1 image-anime reveal">
|
||||
<img src="/assets/img/all-images/about/about-img6.png" alt="Image 3" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-6 order-1 order-lg-2">
|
||||
<div className="about-header-area heading10">
|
||||
<h2 className="text-anime-style-3">{event.title}</h2>
|
||||
<div className="space16" />
|
||||
<div className="about-auhtor-box" data-aos="fade-right" data-aos-duration={1100}>
|
||||
<div>
|
||||
<p>{event.desc}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space32" />
|
||||
<div className="btn-area1" data-aos="fade-right" data-aos-duration={1200}>
|
||||
<Link
|
||||
href={`/tamil-culture/tamil-language/tamil-language-data?slug=${event.slug}`}
|
||||
className="vl-btn7"
|
||||
>
|
||||
{event.button} <span><i className="fa-solid fa-arrow-right" /></span>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
})
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
);
|
||||
}
|
||||
124
app/tamil-culture/tamil-language/tamil-language-data/page.tsx
Normal file
124
app/tamil-culture/tamil-language/tamil-language-data/page.tsx
Normal file
@ -0,0 +1,124 @@
|
||||
'use client';
|
||||
|
||||
import Layout from '@/components/layout/Layout';
|
||||
import { tamilculture } from '@/utility/constant.utils';
|
||||
import Link from 'next/link';
|
||||
import { useSearchParams } from 'next/navigation';
|
||||
|
||||
interface InnerDataItem {
|
||||
title: string;
|
||||
image: string;
|
||||
[key: string]: string | undefined;
|
||||
}
|
||||
|
||||
interface EventData {
|
||||
image: string;
|
||||
title: string;
|
||||
desc?: string;
|
||||
date?: string;
|
||||
slug: string;
|
||||
link?: string;
|
||||
button?: string;
|
||||
InnerData?: InnerDataItem[];
|
||||
}
|
||||
|
||||
export default function TamilLanguageData() {
|
||||
const searchParams = useSearchParams();
|
||||
const slug = searchParams.get('slug');
|
||||
|
||||
const allEvents: EventData[] = Object.values(tamilculture).flat();
|
||||
|
||||
const matchedEvent = allEvents.find((event) => event.slug === slug);
|
||||
|
||||
return (
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div
|
||||
className="inner-page-header"
|
||||
style={{ backgroundImage: 'url(/assets/img/bg/header-bg11.png)' }}
|
||||
>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-6 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>TAMIL LANGUAGE</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">
|
||||
Home <i className="fa-solid fa-angle-right" />{' '}
|
||||
<span>TAMIL LANGUAGE</span>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="about7-section-area sp1">
|
||||
<div className="container">
|
||||
{matchedEvent?.InnerData?.map((inner, index) => (
|
||||
<div key={index}>
|
||||
<div className="row justify-content-center mb-5">
|
||||
<div className="col-lg-10 text-center">
|
||||
<h2 className="text-anime-style-3">{inner.title}</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{inner.image && (
|
||||
<div className="row justify-content-center mb-4">
|
||||
<div className="col-lg-10">
|
||||
<div className="image-anime reveal">
|
||||
<img
|
||||
src={inner.image}
|
||||
alt={inner.title}
|
||||
style={{ width: '100%', height: '500px', objectFit: 'cover' }}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-lg-10">
|
||||
{Object.entries(inner)
|
||||
.filter(
|
||||
([key, value]) =>
|
||||
key.startsWith('para') && typeof value === 'string' && value.trim() !== ''
|
||||
)
|
||||
.sort(([a], [b]) => a.localeCompare(b, undefined, { numeric: true }))
|
||||
.map(([_, value], i) => (
|
||||
<p
|
||||
key={i}
|
||||
className="mb-4"
|
||||
style={{ lineHeight: '1.8', fontSize: '1.1rem' }}
|
||||
>
|
||||
{value}
|
||||
</p>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
<div className="team6-section-area mt-5">
|
||||
<div className="container">
|
||||
<div className="row justify-content-end">
|
||||
<div className="col-lg-5 col-md-6" data-aos="fade-up" data-aos-duration={1200}>
|
||||
<div className="content-area">
|
||||
<h4>HISTORY OF TAMIL LITERATURE</h4>
|
||||
<div className="space12" />
|
||||
<p>by Mu. Varadarajan, (Translated from Tamil by E.Sa. Viswanathan) Sahitya Akademi, New Delhi, 1988, p. 1- 17</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
{!matchedEvent?.InnerData?.length && (
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-lg-10 text-center">
|
||||
<p className="text-muted">No detailed content found for this event.</p>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
);
|
||||
}
|
||||
@ -0,0 +1,35 @@
|
||||
|
||||
import Countdown from '@/components/elements/Countdown'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import Section1 from '@/components/tamilculture/bridal-makeup/Section1'
|
||||
import Section2 from '@/components/tamilculture/bridal-makeup/Section2'
|
||||
|
||||
|
||||
export default function BridalMekeup() {
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(../../assets/img/bg/header-bg6.png)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-5 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>Bridal Make Up</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>Tamil Culture</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Section1 />
|
||||
<Section2 />
|
||||
</div>
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -0,0 +1,31 @@
|
||||
|
||||
import Countdown from '@/components/elements/Countdown'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import Section1 from '@/components/tamilculture/catholic-wedding/Section1'
|
||||
|
||||
export default function CatholicWedding() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(../../assets/img/bg/header-bg6.png)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-5 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>Tamil Catholic Weddings</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>Tamil Culture</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Section1 />
|
||||
</div>
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
33
app/tamil-culture/tamil-wedding-custom/city-style/page.tsx
Normal file
33
app/tamil-culture/tamil-wedding-custom/city-style/page.tsx
Normal file
@ -0,0 +1,33 @@
|
||||
|
||||
import Countdown from '@/components/elements/Countdown'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import Section1 from '@/components/tamilculture/city-style/Section1'
|
||||
import Section2 from '@/components/tamilculture/city-style/Section2'
|
||||
|
||||
export default function CityStyle() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(../../assets/img/bg/header-bg6.png)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-5 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>Marriage – City Style</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>Tamil Culture</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Section1 />
|
||||
<Section2 />
|
||||
</div>
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -0,0 +1,37 @@
|
||||
|
||||
import Countdown from '@/components/elements/Countdown'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import Section1 from '@/components/tamilculture/HinduWedding/Section1'
|
||||
import Section2 from '@/components/tamilculture/HinduWedding/Section2'
|
||||
import Section3 from '@/components/tamilculture/HinduWedding/Section3'
|
||||
|
||||
|
||||
export default function HinduWedding() {
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(../../assets/img/bg/header-bg6.png)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-5 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>Hindu Wedding Rituals</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>Tamil Culture</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Section1 />
|
||||
<Section2 />
|
||||
<Section3 />
|
||||
</div>
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
35
app/tamil-culture/tamil-wedding-custom/page.tsx
Normal file
35
app/tamil-culture/tamil-wedding-custom/page.tsx
Normal file
@ -0,0 +1,35 @@
|
||||
'use client'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import TamilCultureSection from "@/components/tamilculture/culturehome/TamilCultureSection"
|
||||
import Section1 from "@/components/tamilculture/tamil-wedding-custom/Section1"
|
||||
import Link from "next/link"
|
||||
export default function TamilWeddingCustom() {
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/bg/header-bg5.png)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-4 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>Tamil Wedding & Custom</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>Tamil Wedding & Custom</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== HERO AREA ENDS =======*/}
|
||||
|
||||
<Section1 />
|
||||
|
||||
</div>
|
||||
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -0,0 +1,32 @@
|
||||
|
||||
import Countdown from '@/components/elements/Countdown'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import Section1 from '@/components/tamilculture/protestant-wedding/Section1'
|
||||
|
||||
export default function ProtestantWedding() {
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(../../assets/img/bg/header-bg6.png)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-5 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>A Tamil Protestant Wedding</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>Tamil Culture</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Section1 />
|
||||
</div>
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -0,0 +1,33 @@
|
||||
|
||||
import Countdown from '@/components/elements/Countdown'
|
||||
import Layout from "@/components/layout/Layout"
|
||||
import Link from "next/link"
|
||||
import Section1 from '@/components/tamilculture/story-of-saree/Section1'
|
||||
import Section2 from '@/components/tamilculture/story-of-saree/Section2'
|
||||
|
||||
export default function StoryOfSaree() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={1} footerStyle={1}>
|
||||
<div>
|
||||
<div className="inner-page-header" style={{ backgroundImage: 'url(../../assets/img/bg/header-bg6.png)' }}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-5 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>The Story Of The Saree</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>Tamil Culture</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Section1 />
|
||||
<Section2 />
|
||||
</div>
|
||||
</Layout>
|
||||
</>
|
||||
)
|
||||
}
|
||||
84
components/about/AboutUs.jsx
Normal file
84
components/about/AboutUs.jsx
Normal file
@ -0,0 +1,84 @@
|
||||
|
||||
import CircleText from '@/components/elements/CircleText'
|
||||
import Link from 'next/link'
|
||||
|
||||
export default function AboutUs() {
|
||||
return (
|
||||
<>
|
||||
<div className="vanue-section-area sp2">
|
||||
<div className="container">
|
||||
{/* <div className="row">
|
||||
<div className="col-lg-5 m-auto">
|
||||
<div className="vanue-header heading10 text-center space-margin60">
|
||||
<h2 className="text-anime-style-3">gekki</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
<div className="row">
|
||||
<div className='col-lg-12'>
|
||||
<div className='row'>
|
||||
<div className="col-lg-3 col-md-6" data-aos="zoom-in" data-aos-duration={900}>
|
||||
<div className="vanue-single-item-area">
|
||||
<div className="img1 image-anime">
|
||||
<img src="/assets/img/all-images/others/vanue-img1.png" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
|
||||
<Link href="/about/association">Association</Link>
|
||||
|
||||
<div className="space16" />
|
||||
<Link href="/about/association" className="tour">Read More <i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6" data-aos="zoom-in" data-aos-duration={1000}>
|
||||
<div className="vanue-single-item-area">
|
||||
<div className="img1 image-anime">
|
||||
<img src="/assets/img/all-images/others/vanue-img2.png" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
|
||||
<Link href="/about/mission">Mission</Link>
|
||||
|
||||
<div className="space16" />
|
||||
<Link href="/about/mission" className="tour">Read More <i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6" data-aos="zoom-in" data-aos-duration={1100}>
|
||||
<div className="vanue-single-item-area">
|
||||
<div className="img1 image-anime">
|
||||
<img src="/assets/img/all-images/others/vanue-img3.png" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
|
||||
<Link href="/about/constitution">Constitution</Link>
|
||||
|
||||
<div className="space16" />
|
||||
<Link href="/about/constitution" className="tour">Read More <i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6" data-aos="zoom-in" data-aos-duration={1200}>
|
||||
<div className="vanue-single-item-area">
|
||||
<div className="img1 image-anime">
|
||||
<img src="/assets/img/all-images/others/vanue-img4.png" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
|
||||
<Link href="/about/committee">Committee</Link>
|
||||
|
||||
<div className="space16" />
|
||||
<Link href="/about/committee" className="tour">Read More <i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
61
components/about/association/Section1.tsx
Normal file
61
components/about/association/Section1.tsx
Normal file
@ -0,0 +1,61 @@
|
||||
|
||||
import Link from 'next/link'
|
||||
|
||||
export default function Section1() {
|
||||
return (
|
||||
<>
|
||||
|
||||
<div className="about6-section-area sp2">
|
||||
<div className="container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6">
|
||||
<div className="row">
|
||||
<div className="col-lg-6 col-md-6">
|
||||
<div className="img1 reveal image-anime">
|
||||
<div className="space60 d-lg-block d-none" />
|
||||
<img src="/assets/img/all-images/about/about-img14.png" alt="" />
|
||||
</div>
|
||||
<div className="space30 d-md-none d-block" />
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6">
|
||||
<div className="img1 reveal image-anime">
|
||||
<img src="/assets/img/all-images/about/about-img15.png" alt="" />
|
||||
</div>
|
||||
<div className="img1 reveal image-anime">
|
||||
<div className="space30" />
|
||||
<img src="/assets/img/all-images/about/about-img16.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="about6-header heading9">
|
||||
{/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
|
||||
{/* <div className="space20" /> */}
|
||||
<h2 className="text-anime-style-3">Association</h2>
|
||||
<div className="space16" />
|
||||
<p data-aos="fade-left" data-aos-duration={900}>Tamil community live around the globe. India and Sri Lanka have been the traditional homeland. Immigration to Canada took place in the early 1960’s. Now, Canada has the largest population outside of these two countries. Most of them settled in and around the City of Toronto, Ontario. However, there are large populations in Vancouver, British Columbia and Montreal, Quebec. The Region of Waterloo and City of Guelph have had a steady growth since early 1980’s. Most of them are professionals, Industrial workers and University students. An infulx of Tamils settled in after 1983
|
||||
ethnic conflict in Sri Lanka. There are about 800 families this region. They are mostly from Sri Lanka and South India.</p>
|
||||
<div className="space16" />
|
||||
<p data-aos="fade-left" data-aos-duration={1000}>In august 1988, our Tri-City area ( Kitchener – Waterloo – Cambridge ) Tamil community leaders decided to form an organisation called ” Tamil Heritage School ” to promote language and Culture under the leadership of late Mr. Manuelpillai Cyril Francis ( Francis Master) and Prof. Kumaraswamy Ponnambalam. Later in 2001, Tamil Heritage School was re-named as Tamil Cultural Association of Waterloo Region. The first South Asian Performing Arts festival,
|
||||
Tamil Cultural Nite, was inaugurated at the Humanities Theatre, University of Waterloo in 2000."</p>
|
||||
|
||||
<div className="space16" />
|
||||
<p data-aos="fade-left" data-aos-duration={1000}>In the year 2001, Tamils from neighbouring City of Guelph joined hands with the association.
|
||||
The association was later incorporated as a Non-Profit Organisation under the Ontario Corporation # 1509837.</p>
|
||||
{/* <div className="space32" />
|
||||
|
||||
|
||||
<div className="btn-area1" data-aos="fade-left" data-aos-duration={1200}>
|
||||
<Link href="/about" className="vl-btn6">About Event <img src="/assets/img/icons/arrow2.svg" alt="" /></Link>
|
||||
</div> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
62
components/about/association/Section2.tsx
Normal file
62
components/about/association/Section2.tsx
Normal file
@ -0,0 +1,62 @@
|
||||
|
||||
import Link from 'next/link'
|
||||
|
||||
export default function Section2() {
|
||||
return (
|
||||
<>
|
||||
|
||||
<div className="about6-section-area sp10">
|
||||
<div className="container">
|
||||
<div className="row align-items-center">
|
||||
{/* TEXT - NOW ON THE LEFT */}
|
||||
<div className="col-lg-6">
|
||||
<div className="about6-header heading9">
|
||||
|
||||
<div className="space16" />
|
||||
<p data-aos="fade-left" data-aos-duration={900}>Over the years, the association has donated goods and services to Nunnavil Children’s Centre, Jaffna., Ind.; Rs 25,000 to fire victims in Trichy, South India.; cash donation to Ramakrishna Mission children’s Library – Batticaloa, Sri Lanka, St. John’s Soup Kitchen in Kitchener, Canadian Red Cross Tsunami fund for Sri Lanka and India, Rotary Club of Cambridge, St. Mary’s Hospital and Grand River Hospital in Kitchener, Cambridge Memorial Hospital, Cambridge, Operation Christmas Child Shoe box program, Flood victims in Chennai India, Covid19 PPE/Mask donation to CMH cambridge, Food for needy during Covid19 to upcountry tea estate community in Sri Lanka,
|
||||
Educational materials to Jaffna YMCA, Walkathon for local hospitals etc. </p>
|
||||
<div className="space16" />
|
||||
<p data-aos="fade-left" data-aos-duration={1000}>2004 was a significant year for the association. TCA raised a total of $123,000 on behalf of Canadian Red Cross during Tsunami disaster. Relief materials and cash donations were given to the victims in Sri Lanka and India.
|
||||
In 2015, Funds were distributed to the victims of Chennai flood in south india.</p>
|
||||
<div className="space16" />
|
||||
<p data-aos="fade-left" data-aos-duration={1000}>Tamil community from Brantford joined the association in 2011. In the same year, the association
|
||||
re-established the Tamil language school with assistance from Waterloo Regional District School Board in Cambridge.</p>
|
||||
<div className="space16" />
|
||||
<p data-aos="fade-left" data-aos-duration={1000}>The association took the leadership to participate at the KW Multicultural festival. It is the region’s largest multicultural festival and an Indian & Sri Lankan food stall
|
||||
was established in 2012 and Waterloo Region’s Diversity Awards was held in 2014 at Sheraton Hotel, Kitchener.</p>
|
||||
<div className="space16" />
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* IMAGES - NOW ON THE RIGHT */}
|
||||
<div className="col-lg-6">
|
||||
<div className="row">
|
||||
<div className="col-lg-6 col-md-6">
|
||||
<div className="img1 reveal image-anime">
|
||||
<div className="space60 d-lg-block d-none" />
|
||||
<img src="/assets/img/all-images/about/about-img14.png" alt="" />
|
||||
</div>
|
||||
<div className="space30 d-md-none d-block" />
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6">
|
||||
<div className="img1 reveal image-anime">
|
||||
<img src="/assets/img/all-images/about/about-img15.png" alt="" />
|
||||
</div>
|
||||
<div className="img1 reveal image-anime">
|
||||
<div className="space30" />
|
||||
<img src="/assets/img/all-images/about/about-img16.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
37
components/about/association/Section3.tsx
Normal file
37
components/about/association/Section3.tsx
Normal file
@ -0,0 +1,37 @@
|
||||
|
||||
import Link from 'next/link'
|
||||
|
||||
export default function Section3() {
|
||||
return (
|
||||
<>
|
||||
|
||||
<div className="about6-section-area sp10">
|
||||
<div className="container">
|
||||
<div className="row align-items-center">
|
||||
|
||||
<div className="col-lg-12">
|
||||
<div className="about6-header1 heading9">
|
||||
{/* <h5 data-aos="fade-left" data-aos-duration={700}><img src="/assets/img/icons/sub-logo1.svg" alt="" />About Summit</h5> */}
|
||||
{/* <div className="space20" />
|
||||
<h2 className="text-anime-style-3">Why Attend the Marketing Summit Event “2025”</h2> */}
|
||||
{/* <div className="space16" /> */}
|
||||
<p data-aos="fade-left" data-aos-duration={900}>2019 was the 30th Anniversary celebration. Waterloo region’s Diversity award and Anniversary celebration held at Hotel Holiday Inn, Kitchener. Dinner celebration and award cermoney followed the night. 2020 – 2021 was a challenging period for everyone with the arrival of Covid19.
|
||||
Programs slowly started to take place since the beinging of Tamil New Year in 2022.</p>
|
||||
<div className="space16" />
|
||||
<p data-aos="fade-left" data-aos-duration={1000}>TCA is a Non-Profit, Non-Denominational, Non-Political community organisation promoting Arts, Culture, Language and Community services in the region.
|
||||
The membership include Tamils from Canada, Sri Lanka, India and Malaysia.</p>
|
||||
|
||||
{/* <div className="space32" />
|
||||
<div className="btn-area1" data-aos="fade-left" data-aos-duration={1200}>
|
||||
<Link href="/about" className="vl-btn6">About Event <img src="/assets/img/icons/arrow2.svg" alt="" /></Link>
|
||||
</div> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
82
components/about/committee/Section1.jsx
Normal file
82
components/about/committee/Section1.jsx
Normal file
@ -0,0 +1,82 @@
|
||||
'use client'
|
||||
import React, { useState } from "react";
|
||||
import { communityData } from "@/utility/constant.utils"; // make sure you rename it in your utils
|
||||
export default function Section1() {
|
||||
const yearGroups = Object.keys(communityData);
|
||||
const [selectedYear, setSelectedYear] = useState(yearGroups[0]);
|
||||
|
||||
return (
|
||||
<>
|
||||
{/*===== COMMUNITY DIRECTORY STARTS =======*/}
|
||||
<div className="blog-details-section sp1">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
{/* Sidebar */}
|
||||
<div className="col-lg-3">
|
||||
<div className="space30 d-lg-none d-block" />
|
||||
<div className="blog-auhtor-details">
|
||||
<div className="blog-categories">
|
||||
<h3>Community Directory</h3>
|
||||
<div className="space12" />
|
||||
<ul>
|
||||
{yearGroups.map((year) => (
|
||||
<li key={year}>
|
||||
<button
|
||||
className={`category-btn${selectedYear === year ? " active" : ""}`}
|
||||
onClick={() => setSelectedYear(year)}
|
||||
>
|
||||
{year}
|
||||
<span><i className="fa-solid fa-angle-right" /></span>
|
||||
</button>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Right Side - Members */}
|
||||
<div className="col-lg-9">
|
||||
<div className="schedule-section-area sp10">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-11 m-auto">
|
||||
<div className="schedule">
|
||||
{communityData[selectedYear] ? (
|
||||
Object.entries(communityData[selectedYear]).map(([role, members]) => (
|
||||
<div key={role}>
|
||||
<h4 style={{ marginTop: "30px", fontWeight: "bold" }}>{role}</h4>
|
||||
<div className="row">
|
||||
{members.map((member, idx) => (
|
||||
<div className="col-md-4" key={idx}>
|
||||
<div className="card" style={{ padding: "10px", margin: "10px", textAlign: "center", border: "1px solid #ccc", borderRadius: "10px" }}>
|
||||
<img
|
||||
src={member.image}
|
||||
alt={member.name}
|
||||
style={{ width: "100%", height: "200px", objectFit: "cover", borderRadius: "8px" }}
|
||||
/>
|
||||
<h5 className="blog-auhtor-details-name">{member.name}</h5>
|
||||
<p className="blog-auhtor-details-post">{member.post}</p>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
))
|
||||
) : (
|
||||
<p>No data available for this year group.</p>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== COMMUNITY DIRECTORY ENDS =======*/}
|
||||
</>
|
||||
);
|
||||
}
|
||||
56
components/about/constitution/Section1.tsx
Normal file
56
components/about/constitution/Section1.tsx
Normal file
@ -0,0 +1,56 @@
|
||||
import Link from 'next/link'
|
||||
export default function Section1() {
|
||||
return (
|
||||
<>
|
||||
|
||||
|
||||
{/*===== PRICING AREA STARTS =======*/}
|
||||
<div className="pricing-lan-section-area sp1">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-12 m-auto">
|
||||
<div className="heading2 space-margin60">
|
||||
{/* <h5>ticket pricing</h5>
|
||||
<div className="space18" /> */}
|
||||
<h2>Constitution</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-lg-12">
|
||||
<div className="mission">
|
||||
{/* <h5>Basic Packages</h5>
|
||||
<div className="space20" />
|
||||
<h2>$29 <span>/One Person</span></h2>
|
||||
<div className="space8" /> */}
|
||||
<p data-aos="fade-left" data-aos-duration={900}>
|
||||
Recognizing that arts, culture and Language are essential to a vibrant civic life and sustained economic growth, the Tamil Cultural
|
||||
association advocates and promotes cultural activities, with the goals of:</p>
|
||||
<div className="space16" />
|
||||
<ul data-aos="fade-left" data-aos-duration={1000}>
|
||||
<li><img src="/assets/img/icons/check2.svg" alt="" />Nurturing a climate in the Region of Waterloo in which the arts and culture can thrive;</li>
|
||||
<li><img src="/assets/img/icons/check2.svg" alt="" />Enriching the aesthetic environment of the Region of Waterloo and the surrounding region by facilitating and sustaining a vibrant cultural life;</li>
|
||||
<li><img src="/assets/img/icons/check2.svg" alt="" />Promoting the direct economic benefits of the arts, through participation in the Multi-Cultural Organizations and Committee for the Arts and other activities;</li>
|
||||
<li><img src="/assets/img/icons/check2.svg" alt="" />Celebrating the value of diverse cultures and helping our community understand its place in the world by maintaining Sister City relationships and sponsoring international cultural activities</li>
|
||||
<li><img src="/assets/img/icons/check2.svg" alt="" />Promote and nurture Tamil language among the Tamil community and fellow Canadians;</li>
|
||||
<li><img src="/assets/img/icons/check2.svg" alt="" />Raising funds for community events.</li>
|
||||
</ul>
|
||||
{/* <div className="space16" />
|
||||
<div className="space16" />
|
||||
<p data-aos="fade-left" data-aos-duration={1100}>The Marketing Summit 2024 is more than just a
|
||||
conference—it's an opportunity to redefine your marketing approach. From seasoned
|
||||
professionals to emerging talents, this summit is designed for those who are passionate
|
||||
about staying ahead of the curve.</p> */}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== PRICING AREA ENDS =======*/}
|
||||
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
70
components/about/mission/Section1.jsx
Normal file
70
components/about/mission/Section1.jsx
Normal file
@ -0,0 +1,70 @@
|
||||
import Link from 'next/link'
|
||||
export default function Section1() {
|
||||
return (
|
||||
<>
|
||||
|
||||
|
||||
{/*
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-9 m-auto">
|
||||
<div className="heading1 text-center">
|
||||
<h1>Pricing Plan</h1>
|
||||
<div className="space20" />
|
||||
<Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>Pricing Plan</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>*/}
|
||||
|
||||
{/*===== HERO AREA ENDS =======*/}
|
||||
{/*===== PRICING AREA STARTS =======*/}
|
||||
<div className="pricing-lan-section-area sp1">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-12 m-auto">
|
||||
<div className="heading2 space-margin60">
|
||||
{/* <h5>ticket pricing</h5>
|
||||
<div className="space18" /> */}
|
||||
<h2>Mission</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-lg-12">
|
||||
<div className="mission">
|
||||
{/* <h5>Basic Packages</h5>
|
||||
<div className="space20" />
|
||||
<h2>$29 <span>/One Person</span></h2>
|
||||
<div className="space8" /> */}
|
||||
<p data-aos="fade-left" data-aos-duration={900}>
|
||||
Recognizing that arts, culture and Language are essential to a vibrant civic life and sustained economic growth, the Tamil Cultural
|
||||
association advocates and promotes cultural activities, with the goals of:</p>
|
||||
<div className="space16" />
|
||||
<ul data-aos="fade-left" data-aos-duration={1000}>
|
||||
<li><img src="/assets/img/icons/check2.svg" alt="" />Nurturing a climate in the Region of Waterloo in which the arts and culture can thrive;</li>
|
||||
<li><img src="/assets/img/icons/check2.svg" alt="" />Enriching the aesthetic environment of the Region of Waterloo and the surrounding region by facilitating and sustaining a vibrant cultural life;</li>
|
||||
<li><img src="/assets/img/icons/check2.svg" alt="" />Promoting the direct economic benefits of the arts, through participation in the Multi-Cultural Organizations and Committee for the Arts and other activities;</li>
|
||||
<li><img src="/assets/img/icons/check2.svg" alt="" />Celebrating the value of diverse cultures and helping our community understand its place in the world by maintaining Sister City relationships and sponsoring international cultural activities</li>
|
||||
<li><img src="/assets/img/icons/check2.svg" alt="" />Promote and nurture Tamil language among the Tamil community and fellow Canadians;</li>
|
||||
<li><img src="/assets/img/icons/check2.svg" alt="" />Raising funds for community events.</li>
|
||||
</ul>
|
||||
{/* <div className="space16" />
|
||||
<div className="space16" />
|
||||
<p data-aos="fade-left" data-aos-duration={1100}>The Marketing Summit 2024 is more than just a
|
||||
conference—it's an opportunity to redefine your marketing approach. From seasoned
|
||||
professionals to emerging talents, this summit is designed for those who are passionate
|
||||
about staying ahead of the curve.</p> */}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== PRICING AREA ENDS =======*/}
|
||||
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
98
components/businessdirectory/Section1.jsx
Normal file
98
components/businessdirectory/Section1.jsx
Normal file
@ -0,0 +1,98 @@
|
||||
'use client'
|
||||
import React, { useState } from "react";
|
||||
import {directoryData} from "@/utility/constant.utils"
|
||||
export default function Section1() {
|
||||
const categories = Object.keys(directoryData);
|
||||
const [selectedCategory, setSelectedCategory] = useState(categories[0]);
|
||||
const tableHeaders = [
|
||||
"Services",
|
||||
"Name",
|
||||
"Phone",
|
||||
"Service Area",
|
||||
"Location",
|
||||
"Website"
|
||||
];
|
||||
|
||||
return (
|
||||
|
||||
<>
|
||||
{/*===== BLOG AREA STARTS =======*/}
|
||||
<div className="blog-details-section sp1">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-3">
|
||||
<div className="space30 d-lg-none d-block" />
|
||||
<div className="blog-auhtor-details">
|
||||
<div className="blog-categories">
|
||||
<h3>Business Directory</h3>
|
||||
<div className="space12" />
|
||||
<ul>
|
||||
{categories.map((cat) => (
|
||||
<li key={cat}>
|
||||
<button
|
||||
className={`category-btn${selectedCategory === cat ? " active" : ""}`}
|
||||
onClick={() => setSelectedCategory(cat)}
|
||||
>
|
||||
{cat}<span><i className="fa-solid fa-angle-right" /></span>
|
||||
</button>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-9">
|
||||
|
||||
<div className="schedule-section-area sp10">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-11 m-auto">
|
||||
<div className="schedule">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
{tableHeaders.map((header) => (
|
||||
<th key={header}>{header}</th>
|
||||
))}
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{(directoryData[selectedCategory] || []).length === 0 ? (
|
||||
<tr>
|
||||
<td colSpan={6} style={{ textAlign: "center" }}>
|
||||
No data available for this category.
|
||||
</td>
|
||||
</tr>
|
||||
) : (
|
||||
directoryData[selectedCategory].map((row, idx) => (
|
||||
<tr key={idx}>
|
||||
<td>{row.services}</td>
|
||||
<td>{row.name}</td>
|
||||
<td>{row.phone}</td>
|
||||
<td>{row.serviceArea}</td>
|
||||
<td>{row.location}</td>
|
||||
<td>
|
||||
<a href={row.website} target="_blank" rel="noopener noreferrer">
|
||||
Website
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
))
|
||||
)}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*===== BLOG AREA ENDS =======*/}
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
13
components/common-component/pageLoader.jsx
Normal file
13
components/common-component/pageLoader.jsx
Normal file
@ -0,0 +1,13 @@
|
||||
const PageLoader = () => {
|
||||
|
||||
return (
|
||||
<div className="d-flex align-items-center justify-content-center" style={{ height: "78vh" }}>
|
||||
<div className="text-center">
|
||||
<span className="spinner-border" role="status" />
|
||||
<p className="mt-3">Loading...</p>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default PageLoader;
|
||||
112
components/community/Community.jsx
Normal file
112
components/community/Community.jsx
Normal file
@ -0,0 +1,112 @@
|
||||
|
||||
import CircleText from '@/components/elements/CircleText'
|
||||
import Link from 'next/link'
|
||||
|
||||
export default function Community() {
|
||||
return (
|
||||
<>
|
||||
<div className="vanue-section-area sp2">
|
||||
<div className="container">
|
||||
{/* <div className="row">
|
||||
<div className="col-lg-5 m-auto">
|
||||
<div className="vanue-header heading10 text-center space-margin60">
|
||||
<h2 className="text-anime-style-3">gekki</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
<div className="row">
|
||||
<div className='col-lg-12'>
|
||||
<div className='row'>
|
||||
<div className="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration={900}>
|
||||
<div className="vanue-single-item-area">
|
||||
<div className="img1 image-anime">
|
||||
<img src="/assets/img/all-images/others/vanue-img1.png" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
|
||||
<Link href="/about/association">Recipe</Link>
|
||||
|
||||
<div className="space16" />
|
||||
<Link href="/about/association" className="tour">Read More <i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration={1000}>
|
||||
<div className="vanue-single-item-area">
|
||||
<div className="img1 image-anime">
|
||||
<img src="/assets/img/all-images/others/vanue-img2.png" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
|
||||
<Link href="/about/mission">Cricket Club</Link>
|
||||
|
||||
<div className="space16" />
|
||||
<Link href="/about/mission" className="tour">Read More <i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration={1100}>
|
||||
<div className="vanue-single-item-area">
|
||||
<div className="img1 image-anime">
|
||||
<img src="/assets/img/all-images/others/vanue-img3.png" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
|
||||
<Link href="/about/constitution">Badminton Club</Link>
|
||||
|
||||
<div className="space16" />
|
||||
<Link href="/about/constitution" className="tour">Read More <i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration={1200}>
|
||||
<div className="vanue-single-item-area">
|
||||
<div className="img1 image-anime">
|
||||
<img src="/assets/img/all-images/others/vanue-img4.png" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
|
||||
<Link href="/about/committee">Business Directory</Link>
|
||||
|
||||
<div className="space16" />
|
||||
<Link href="/about/committee" className="tour">Read More <i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration={1100}>
|
||||
<div className="vanue-single-item-area">
|
||||
<div className="img1 image-anime">
|
||||
<img src="/assets/img/all-images/others/vanue-img3.png" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
|
||||
<Link href="/about/constitution">Tamil School</Link>
|
||||
|
||||
<div className="space16" />
|
||||
<Link href="/about/constitution" className="tour">Read More <i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration={1100}>
|
||||
<div className="vanue-single-item-area">
|
||||
<div className="img1 image-anime">
|
||||
<img src="/assets/img/all-images/others/vanue-img3.png" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
|
||||
<Link href="/about/constitution">Global Relief Fund</Link>
|
||||
|
||||
<div className="space16" />
|
||||
<Link href="/about/constitution" className="tour">Read More <i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
55
components/elements/AddClassBody.tsx
Normal file
55
components/elements/AddClassBody.tsx
Normal file
@ -0,0 +1,55 @@
|
||||
'use client'
|
||||
import { usePathname } from 'next/navigation'
|
||||
import { useEffect } from 'react'
|
||||
|
||||
export default function AddClassBody() {
|
||||
const pathname = usePathname()
|
||||
|
||||
useEffect(() => {
|
||||
const bodyElement = document.querySelector('body')
|
||||
|
||||
if (bodyElement) {
|
||||
// Remove all classes
|
||||
bodyElement.classList.remove(
|
||||
'homepage1-body',
|
||||
'homepage2-body',
|
||||
'homepage3-body',
|
||||
'homepage4-body',
|
||||
'homepage5-body',
|
||||
'homepage6-body',
|
||||
'homepage7-body',
|
||||
'homepage8-body',
|
||||
'homepage9-body',
|
||||
'homepage10-body'
|
||||
)
|
||||
|
||||
// Map pathname to corresponding class
|
||||
const classMap: { [key: string]: string } = {
|
||||
'/index2': 'homepage2-body',
|
||||
'/index3': 'homepage3-body',
|
||||
'/index4': 'homepage4-body',
|
||||
'/index5': 'homepage5-body',
|
||||
'/index6': 'homepage6-body',
|
||||
'/index7': 'homepage7-body',
|
||||
'/index8': 'homepage8-body',
|
||||
'/index9': 'homepage9-body',
|
||||
'/index10': 'homepage10-body',
|
||||
}
|
||||
|
||||
// Add class based on pathname or default
|
||||
const className = classMap[pathname || ''] || 'homepage1-body'
|
||||
bodyElement.classList.add(className)
|
||||
}
|
||||
|
||||
// Scroll to the top of the page with a slight delay
|
||||
setTimeout(() => {
|
||||
window.scrollTo({
|
||||
top: 0,
|
||||
left: 0,
|
||||
behavior: 'smooth', // Optional for smooth scrolling
|
||||
})
|
||||
}, 0)
|
||||
}, [pathname])
|
||||
|
||||
return null
|
||||
}
|
||||
38
components/elements/BackToTop.tsx
Normal file
38
components/elements/BackToTop.tsx
Normal file
@ -0,0 +1,38 @@
|
||||
'use client'
|
||||
import { useEffect, useState } from "react"
|
||||
|
||||
export default function BackToTop({ target }: any) {
|
||||
const [hasScrolled, setHasScrolled] = useState(false)
|
||||
|
||||
useEffect(() => {
|
||||
const onScroll = () => {
|
||||
setHasScrolled(window.scrollY > 100)
|
||||
}
|
||||
|
||||
window.addEventListener("scroll", onScroll)
|
||||
return () => window.removeEventListener("scroll", onScroll)
|
||||
}, [])
|
||||
|
||||
const handleClick = () => {
|
||||
window.scrollTo({
|
||||
top: document.querySelector(target).offsetTop,
|
||||
behavior: 'smooth'
|
||||
})
|
||||
}
|
||||
|
||||
return (
|
||||
<>
|
||||
{hasScrolled && (
|
||||
<div className="paginacontainer" onClick={handleClick}>
|
||||
<div className="progress-wrap">
|
||||
<svg className="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
|
||||
<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
)}
|
||||
</>
|
||||
)
|
||||
}
|
||||
37
components/elements/CircleText.tsx
Normal file
37
components/elements/CircleText.tsx
Normal file
@ -0,0 +1,37 @@
|
||||
'use client'
|
||||
import React, { useEffect, useRef } from "react"
|
||||
|
||||
interface CircleTextProps {
|
||||
text: string // Define the type for the text prop
|
||||
}
|
||||
|
||||
const CircleText: React.FC<CircleTextProps> = ({ text }) => {
|
||||
const circleRef = useRef<HTMLDivElement | null>(null) // Explicitly type the ref
|
||||
|
||||
useEffect(() => {
|
||||
if (circleRef.current) {
|
||||
const elements = circleRef.current.querySelectorAll<HTMLSpanElement>("span")
|
||||
elements.forEach((element, i) => {
|
||||
element.style.transform = `rotate(${i * 17}deg)`
|
||||
})
|
||||
}
|
||||
}, [text]) // Dependency on text to reapply effect if text changes
|
||||
|
||||
// Create span elements for each character
|
||||
const children = text.split("").map((char, i) =>
|
||||
React.createElement(
|
||||
"span",
|
||||
{ key: i },
|
||||
char === " " ? "\u00A0" : char
|
||||
)
|
||||
)
|
||||
|
||||
// Return the main container
|
||||
return React.createElement(
|
||||
"div",
|
||||
{ className: "circle rotateme", ref: circleRef },
|
||||
children
|
||||
)
|
||||
}
|
||||
|
||||
export default CircleText
|
||||
145
components/elements/Countdown.tsx
Normal file
145
components/elements/Countdown.tsx
Normal file
@ -0,0 +1,145 @@
|
||||
'use client'
|
||||
import { useEffect, useState } from "react"
|
||||
|
||||
const msInSecond = 1000
|
||||
const msInMinute = 60 * msInSecond
|
||||
const msInHour = 60 * msInMinute
|
||||
const msInDay = 24 * msInHour
|
||||
|
||||
const getPartsOfTimeDuration = (duration: number) => {
|
||||
const days = Math.floor(duration / msInDay)
|
||||
const hours = Math.floor((duration % msInDay) / msInHour)
|
||||
const minutes = Math.floor((duration % msInHour) / msInMinute)
|
||||
const seconds = Math.floor((duration % msInMinute) / msInSecond)
|
||||
|
||||
return { days, hours, minutes, seconds }
|
||||
}
|
||||
|
||||
export default function Countdown({ style }: any) {
|
||||
const [timeDif, setTimeDif] = useState(() => {
|
||||
const now = Date.now()
|
||||
const endDateTime = new Date()
|
||||
endDateTime.setDate(endDateTime.getDate() + 2) // Set end date 2 days from now
|
||||
return endDateTime.getTime() - now
|
||||
})
|
||||
|
||||
useEffect(() => {
|
||||
const interval = setInterval(() => {
|
||||
setTimeDif((prev) => {
|
||||
const updatedTime = prev - 1000
|
||||
if (updatedTime <= 0) {
|
||||
clearInterval(interval)
|
||||
return 0
|
||||
}
|
||||
return updatedTime
|
||||
})
|
||||
}, 1000)
|
||||
|
||||
return () => clearInterval(interval)
|
||||
}, [])
|
||||
|
||||
const timeParts = getPartsOfTimeDuration(timeDif)
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
|
||||
{!style && <>
|
||||
<div className="timer">
|
||||
<div className="time-box">
|
||||
<span id="days1" className="time-value">{timeParts.days}</span>
|
||||
<br />Days
|
||||
</div>
|
||||
<div className="space14" />
|
||||
<div className="time-box">
|
||||
<span id="hours1" className="time-value">{timeParts.hours}</span>
|
||||
<br />Hours
|
||||
</div>
|
||||
<div className="space14" />
|
||||
<div className="time-box">
|
||||
<span id="minutes1" className="time-value">{timeParts.minutes}</span>
|
||||
<br />Minutes
|
||||
</div>
|
||||
<div className="space14" />
|
||||
<div className="time-box" style={{ margin: "0 26px 0 0" }}>
|
||||
<span id="seconds1" className="time-value">{timeParts.seconds}</span>
|
||||
<br />Seconds
|
||||
</div>
|
||||
</div>
|
||||
</>}
|
||||
|
||||
|
||||
{style === 1 && <>
|
||||
<div className="timer">
|
||||
<div className="time-box">
|
||||
<span id="days" className="time-value">{timeParts.days} <span>DAYS</span></span>
|
||||
</div>
|
||||
<div className="time-box">
|
||||
<span id="hours" className="time-value">{timeParts.hours} <span>Hours</span></span>
|
||||
</div>
|
||||
<div className="time-box">
|
||||
<span id="minutes" className="time-value">{timeParts.minutes} <span>Minutes</span></span>
|
||||
</div>
|
||||
<div className="time-box">
|
||||
<span id="seconds" className="time-value">{timeParts.seconds} <span>Seconds</span></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</>}
|
||||
{style === 2 && <>
|
||||
<div className="row">
|
||||
<div className="col-lg-3 col-md-6">
|
||||
<div className="cta-counter-box">
|
||||
<img src="/assets/img/elements/elements23.png" alt="" className="elements23 keyframe5" />
|
||||
<h2><span id="days1" className="time-value">{timeParts.days} <span>DAYS</span></span></h2>
|
||||
</div>
|
||||
<div className="space50 d-lg-none d-block" />
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6">
|
||||
<div className="cta-counter-box">
|
||||
<img src="/assets/img/elements/elements23.png" alt="" className="elements23 keyframe5" />
|
||||
<h2><span id="hours1" className="time-value">{timeParts.hours} <span>Hours</span> </span></h2>
|
||||
</div>
|
||||
<div className="space50 d-lg-none d-block" />
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6">
|
||||
<div className="cta-counter-box">
|
||||
<img src="/assets/img/elements/elements23.png" alt="" className="elements23 keyframe5" />
|
||||
<h2><span id="minutes1" className="time-value">{timeParts.minutes}<span>Minutes</span></span></h2>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6">
|
||||
<div className="cta-counter-box">
|
||||
<img src="/assets/img/elements/elements23.png" alt="" className="elements23 keyframe5" />
|
||||
<h2><span id="seconds1" className="time-value">{timeParts.seconds}<span>Seconds</span></span></h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>}
|
||||
{style === 3 && <>
|
||||
<div className="timer2">
|
||||
<div className="time-box">
|
||||
<span id="days" className="time-value">{timeParts.days} <span>DAYS</span></span>
|
||||
<br />
|
||||
</div>
|
||||
<div className="space14" />
|
||||
<div className="time-box">
|
||||
<span id="hours" className="time-value">{timeParts.hours} <span>Hours</span></span>
|
||||
<br />
|
||||
</div>
|
||||
<div className="space14" />
|
||||
<div className="time-box">
|
||||
<span id="minutes" className="time-value">{timeParts.minutes} <span>Minutes</span></span>
|
||||
<br />
|
||||
</div>
|
||||
<div className="space14" />
|
||||
<div className="time-box" style={{ margin: '0 26px 0 0' }}>
|
||||
<span id="seconds" className="time-value">{timeParts.seconds} <span>Seconds</span></span>
|
||||
<br />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</>}
|
||||
</>
|
||||
)
|
||||
}
|
||||
68
components/elements/Countdown2.tsx
Normal file
68
components/elements/Countdown2.tsx
Normal file
@ -0,0 +1,68 @@
|
||||
'use client'
|
||||
import { useEffect, useState } from "react"
|
||||
|
||||
const msInSecond = 1000
|
||||
const msInMinute = 60 * msInSecond
|
||||
const msInHour = 60 * msInMinute
|
||||
const msInDay = 24 * msInHour
|
||||
|
||||
const getPartsOfTimeDuration = (duration: number) => {
|
||||
const days = Math.floor(duration / msInDay)
|
||||
const hours = Math.floor((duration % msInDay) / msInHour)
|
||||
const minutes = Math.floor((duration % msInHour) / msInMinute)
|
||||
const seconds = Math.floor((duration % msInMinute) / msInSecond)
|
||||
|
||||
return { days, hours, minutes, seconds }
|
||||
}
|
||||
|
||||
export default function Countdown2() {
|
||||
const [timeDif, setTimeDif] = useState(() => {
|
||||
const now = Date.now()
|
||||
const endDateTime = new Date()
|
||||
endDateTime.setDate(endDateTime.getDate() + 2) // Set end date 2 days from now
|
||||
return endDateTime.getTime() - now
|
||||
})
|
||||
|
||||
useEffect(() => {
|
||||
const interval = setInterval(() => {
|
||||
setTimeDif((prev) => {
|
||||
const updatedTime = prev - 1000
|
||||
if (updatedTime <= 0) {
|
||||
clearInterval(interval)
|
||||
return 0
|
||||
}
|
||||
return updatedTime
|
||||
})
|
||||
}, 1000)
|
||||
|
||||
return () => clearInterval(interval)
|
||||
}, [])
|
||||
|
||||
const timeParts = getPartsOfTimeDuration(timeDif)
|
||||
|
||||
return (
|
||||
<div className="row">
|
||||
<div className="col-lg-3 col-md-6" data-aos="zoom-in" data-aos-duration={900}>
|
||||
<div className="time-box">
|
||||
<span id="days1" className="time-value">{timeParts.days}<span>Days</span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6" data-aos="zoom-in" data-aos-duration={1000}>
|
||||
<div className="time-box">
|
||||
<span id="hours1" className="time-value">{timeParts.hours}<span>Hours</span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6" data-aos="zoom-in" data-aos-duration={1100}>
|
||||
<div className="time-box">
|
||||
<span id="minutes1" className="time-value">{timeParts.minutes}<span>Minutes</span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6" data-aos="zoom-in" data-aos-duration={1200}>
|
||||
<div className="time-box">
|
||||
<span id="seconds1" className="time-value">{timeParts.seconds}<span>Seconds</span></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
)
|
||||
}
|
||||
0
components/elements/Preloader.tsx
Normal file
0
components/elements/Preloader.tsx
Normal file
33
components/elements/ThemeSwitch.tsx
Normal file
33
components/elements/ThemeSwitch.tsx
Normal file
@ -0,0 +1,33 @@
|
||||
import { useEffect, useState } from "react"
|
||||
|
||||
export default function ThemeSwitch() {
|
||||
const [togglETHeme, setTogglETHeme] = useState<string>(
|
||||
() => (localStorage.getItem("togglETHeme") as string) || "light-theme"
|
||||
)
|
||||
|
||||
useEffect(() => {
|
||||
localStorage.setItem("togglETHeme", JSON.stringify(togglETHeme))
|
||||
document.body.classList.add(togglETHeme)
|
||||
return () => {
|
||||
document.body.classList.remove(togglETHeme)
|
||||
}
|
||||
}, [togglETHeme])
|
||||
|
||||
const toggleTheme = () => {
|
||||
setTogglETHeme(prevTheme => (prevTheme === "light-theme" ? "dark-theme" : "light-theme"))
|
||||
}
|
||||
|
||||
return (
|
||||
<>
|
||||
<nav className="switcher__tab" onClick={toggleTheme}>
|
||||
<span className={`switcher__btn ${togglETHeme === "light-theme" ? "light-mode" : "dark-mode"}`}>
|
||||
{togglETHeme === "light-theme" ? <i className="flaticon-sun" /> : <i className="flaticon-moon" />}
|
||||
</span>
|
||||
<span className="switcher__mode" />
|
||||
<span className={`switcher__btn ${togglETHeme === "light-theme" ? "dark-mode" : "light-mode"}`}>
|
||||
{togglETHeme === "light-theme" ? <i className="flaticon-moon" /> : <i className="flaticon-sun" />}
|
||||
</span>
|
||||
</nav>
|
||||
</>
|
||||
)
|
||||
}
|
||||
571
components/events/UpcomingEventData.jsx
Normal file
571
components/events/UpcomingEventData.jsx
Normal file
@ -0,0 +1,571 @@
|
||||
'use client'
|
||||
import Link from 'next/link'
|
||||
import { useState } from "react"
|
||||
|
||||
export default function UpcomingEventData() {
|
||||
const [isTab, setIsTab] = useState(1)
|
||||
const handleTab = (i) => {
|
||||
setIsTab(i)
|
||||
}
|
||||
return (
|
||||
<>
|
||||
|
||||
<div className="event3-section-area sp1">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-6 m-auto">
|
||||
<div className="event2-header heading5 text-center space-margin60">
|
||||
{/* <h5>Event Schedule</h5> */}
|
||||
<div className="space18" />
|
||||
<h2 className="text-anime-style-3">Upcoming Events</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-lg-12" data-aos="fade-up" data-aos-duration={1000}>
|
||||
|
||||
<div className="tab-content" id="pills-tabContent">
|
||||
<div className={isTab == 1 ? "tab-pane fade show active" : "tab-pane fade"} id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab" tabIndex={0}>
|
||||
<div className="event-widget-area">
|
||||
<div className="row">
|
||||
<div className="col-lg-1" />
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="event2-boxarea box1">
|
||||
<h1 className="active">01</h1>
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-5">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img4.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-1" />
|
||||
<div className="col-lg-6">
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/clock1.svg" alt="" />05:30 PM - Sun Jan-14<span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />180 Schweitzer St, Kitchener, Canada</Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/event-single" className="head">Thai Pongal 2024</Link>
|
||||
<div className="space24" />
|
||||
<p>Holy Family Croatian Roman Catholic Parish Hall</p>
|
||||
{/* <div className="author-area">
|
||||
<div className="autho-name-area">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img1.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers">Alex Roberton</Link>
|
||||
<div className="space8" />
|
||||
<p>UI/UX Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="autho-name-area" style={{ padding: '0 0 0 12px', border: 'none' }}>
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img2.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers">Alexys Archer</Link>
|
||||
<div className="space8" />
|
||||
<p>WP Developer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn3"><span className="demo">Online Tickets</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space48" />
|
||||
<div className="row">
|
||||
<div className="col-lg-1" />
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="event2-boxarea box1">
|
||||
<h1 className="active">02</h1>
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6">
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/clock1.svg" alt="" />Apr 14, 2024<span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />Christ Lutheran Church , Waterloo, ON</Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/event-single" className="head"> AGM</Link>
|
||||
<div className="space24" />
|
||||
<p>Christ Lutheran Church , Waterloo, ON</p>
|
||||
{/* <div className="author-area">
|
||||
<div className="autho-name-area">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img1.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers">Alex Roberton</Link>
|
||||
<div className="space8" />
|
||||
<p>UI/UX Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="autho-name-area" style={{ padding: '0 0 0 12px', border: 'none' }}>
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img2.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers">Alexys Archer</Link>
|
||||
<div className="space8" />
|
||||
<p>WP Developer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn3"><span className="demo">Online Tickets</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space30 d-lg-none d-block" />
|
||||
</div>
|
||||
<div className="col-lg-5">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img5.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space30" />
|
||||
<div className="row">
|
||||
<div className="col-lg-1" />
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="event2-boxarea box1">
|
||||
<h1 className="active">03</h1>
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-5">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img6.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-1" />
|
||||
<div className="col-lg-6">
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/clock1.svg" alt="" />Jun 22-23, 2024<span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />Indian & Sri Lankan Food Court, Kitchener, ON.</Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/event-single" className="head">KW Multicultural Festival</Link>
|
||||
<div className="space24" />
|
||||
<p>Indian & Sri Lankan Food Court, Victoria Park, Kitchener, ON.</p>
|
||||
{/* <div className="author-area">
|
||||
<div className="autho-name-area">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img1.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers">Alex Roberton</Link>
|
||||
<div className="space8" />
|
||||
<p>UI/UX Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="autho-name-area" style={{ padding: '0 0 0 12px', border: 'none' }}>
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img2.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers">Alexys Archer</Link>
|
||||
<div className="space8" />
|
||||
<p>Indian & Sri Lankan Food Court, Victoria Park, Kitchener, ON.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn3"><span className="demo">Online Tickets</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space30" />
|
||||
<div className="row">
|
||||
<div className="col-lg-1" />
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="event2-boxarea box1">
|
||||
<h1 className="active">04</h1>
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6">
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/clock1.svg" alt="" />10:00 AM - Sun Jul 7, 2024<span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />Pinehurst Lake Conservation – Ayr, ON.</Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/event-single" className="head">TCA Picnic – Potlock</Link>
|
||||
<div className="space24" />
|
||||
<p>Pinehurst Lake Conservation Area – Sutor Shelter, Ayr, ON.</p>
|
||||
{/* <div className="author-area">
|
||||
<div className="autho-name-area">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img1.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers">Alex Roberton</Link>
|
||||
<div className="space8" />
|
||||
<p>UI/UX Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="autho-name-area" style={{ padding: '0 0 0 12px', border: 'none' }}>
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img2.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers">Alexys Archer</Link>
|
||||
<div className="space8" />
|
||||
<p>WP Developer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn3"><span className="demo">Registration required</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space30 d-lg-none d-block" />
|
||||
</div>
|
||||
<div className="col-lg-5">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img5.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space30" />
|
||||
<div className="row">
|
||||
<div className="col-lg-1" />
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="event2-boxarea box1">
|
||||
<h1 className="active">05</h1>
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-5">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img6.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-1" />
|
||||
<div className="col-lg-6">
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/clock1.svg" alt="" />Jul 27-28, 2024<span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />Waterloo Park, Waterloo, ON.</Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/event-single" className="head">South Asian Family Sports Day</Link>
|
||||
<div className="space24" />
|
||||
<p>MEMBERS ONLY</p>
|
||||
{/* <div className="author-area">
|
||||
<div className="autho-name-area">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img1.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers">Alex Roberton</Link>
|
||||
<div className="space8" />
|
||||
<p>UI/UX Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="autho-name-area" style={{ padding: '0 0 0 12px', border: 'none' }}>
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img2.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers">Alexys Archer</Link>
|
||||
<div className="space8" />
|
||||
<p>Indian & Sri Lankan Food Court, Victoria Park, Kitchener, ON.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn3"><span className="demo">Registration required</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space30" />
|
||||
<div className="row">
|
||||
<div className="col-lg-1" />
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="event2-boxarea box1">
|
||||
<h1 className="active">06</h1>
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6">
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/clock1.svg" alt="" />06:30-08:30 PM - Aug 23, 2023<span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />Doon Campus, Kitchener, Ontario</Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/event-single" className="head">Conestoga College Workshop</Link>
|
||||
<div className="space24" />
|
||||
<p>Conestoga College Welcome Centre, Room DO-WC-241</p>
|
||||
{/* <div className="author-area">
|
||||
<div className="autho-name-area">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img1.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers">Alex Roberton</Link>
|
||||
<div className="space8" />
|
||||
<p>UI/UX Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="autho-name-area" style={{ padding: '0 0 0 12px', border: 'none' }}>
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img2.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers">Alexys Archer</Link>
|
||||
<div className="space8" />
|
||||
<p>WP Developer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn3"><span className="demo">Online Tickets</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space30 d-lg-none d-block" />
|
||||
</div>
|
||||
<div className="col-lg-5">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img5.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space30" />
|
||||
<div className="row">
|
||||
<div className="col-lg-1" />
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="event2-boxarea box1">
|
||||
<h1 className="active">07</h1>
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-5">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img6.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-1" />
|
||||
<div className="col-lg-6">
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/clock1.svg" alt="" />06:30 AM-08:30 PM - Aug 23, 2023<span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />Doon Campus, Kitchener, Ontario</Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/event-single" className="head">Tamil Cultural Nite</Link>
|
||||
<div className="space24" />
|
||||
<p>TBA</p>
|
||||
{/* <div className="author-area">
|
||||
<div className="autho-name-area">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img1.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers">Alex Roberton</Link>
|
||||
<div className="space8" />
|
||||
<p>UI/UX Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="autho-name-area" style={{ padding: '0 0 0 12px', border: 'none' }}>
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img2.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers">Alexys Archer</Link>
|
||||
<div className="space8" />
|
||||
<p>WP Developer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn3"><span className="demo">Online Tickets</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space30" />
|
||||
<div className="row">
|
||||
<div className="col-lg-1" />
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="event2-boxarea box1">
|
||||
<h1 className="active">08</h1>
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6">
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/clock1.svg" alt="" />1.00 PM-4.30 PM - Sat Oct 26, 2024<span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />Waterloo Public Library</Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/event-single" className="head">TCA – WPL Deepavali Celebrations</Link>
|
||||
<div className="space24" />
|
||||
<p>John M. Harper Branch 500 Fischer-Hallman Rd N, Waterloo, ON</p>
|
||||
{/* <div className="author-area">
|
||||
<div className="autho-name-area">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img1.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers">Alex Roberton</Link>
|
||||
<div className="space8" />
|
||||
<p>UI/UX Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="autho-name-area" style={{ padding: '0 0 0 12px', border: 'none' }}>
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img2.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers">Alexys Archer</Link>
|
||||
<div className="space8" />
|
||||
<p>WP Developer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn3"><span className="demo">Online Tickets</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space30 d-lg-none d-block" />
|
||||
</div>
|
||||
<div className="col-lg-5">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img5.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space30" />
|
||||
<div className="row">
|
||||
<div className="col-lg-1" />
|
||||
<div className="col-lg-10 m-auto">
|
||||
<div className="event2-boxarea box1">
|
||||
<h1 className="active">09</h1>
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-5">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/event/event-img6.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-1" />
|
||||
<div className="col-lg-6">
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/clock1.svg" alt="" />05:00 PM-09:00 PM - Sat Dec 21, 2024<span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />RIM Park</Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/event-single" className="head">Christmas & 2024 Year End Celebration</Link>
|
||||
<div className="space24" />
|
||||
<p>2001 University Ave E, Waterloo, ON N2K 4K4</p>
|
||||
{/* <div className="author-area">
|
||||
<div className="autho-name-area">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img1.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers">Alex Roberton</Link>
|
||||
<div className="space8" />
|
||||
<p>UI/UX Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="autho-name-area" style={{ padding: '0 0 0 12px', border: 'none' }}>
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img2.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers">Alexys Archer</Link>
|
||||
<div className="space8" />
|
||||
<p>Indian & Sri Lankan Food Court, Victoria Park, Kitchener, ON.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn3"><span className="demo">Online Tickets</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
100
components/home/AboutSection.tsx
Normal file
100
components/home/AboutSection.tsx
Normal file
@ -0,0 +1,100 @@
|
||||
'use client'
|
||||
import CountUp from 'react-countup'
|
||||
import Link from 'next/link'
|
||||
|
||||
export default function AboutSection() {
|
||||
return (
|
||||
<>
|
||||
|
||||
<div className="about3-section-area sp1">
|
||||
<div className="container">
|
||||
<div className="row align-items-center justify-content-between gx-5">
|
||||
<div className='col-lg-10'>
|
||||
<div className='row align-items-center justify-content-between'>
|
||||
<div className="col-lg-6">
|
||||
<div className="about-images-area">
|
||||
{/* <img src="/assets/img/elements/elements14.png" alt="" className="elements14" /> */}
|
||||
{/* <div className="row align-items-center">
|
||||
<div className="col-lg-6 col-md-6">
|
||||
<div className="img1 image-anime reveal">
|
||||
<img src="/assets/img/all-images/about/about-img4.png" alt="" />
|
||||
</div>
|
||||
<div className="space24 d-md-none d-block" />
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-6">
|
||||
<div className="img1 image-anime reveal">
|
||||
<img src="/assets/img/all-images/about/about-img5.png" alt="" />
|
||||
</div>
|
||||
<div className="space24" />
|
||||
<div className="img1 image-anime reveal">
|
||||
<img src="/assets/img/all-images/about/about-img6.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
<div className="about3-images">
|
||||
{/* <img src="/assets/img/all-images/about/about-img10.png" alt="" className="about-img10 aniamtion-key-1" /> */}
|
||||
<div className="img1" data-aos="zoom-in" data-aos-duration={1000}>
|
||||
<img src="/assets/img/home/about/big-circle.webp" alt="" />
|
||||
</div>
|
||||
{/* <div className="img2" data-aos="zoom-in" data-aos-duration={1100}>
|
||||
<img src="/assets/img/home/about/small-circle-1.webp" alt="" />
|
||||
</div> */}
|
||||
<div className="img3" data-aos="zoom-in" data-aos-duration={1200}>
|
||||
<img src="/assets/img/home/about/small-circle-2.webp" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="about-header heading5">
|
||||
{/* <h5 data-aos="fade-left" data-aos-duration={800}>about our Designer conferences</h5> */}
|
||||
{/* <div className="space18" /> */}
|
||||
<h2 className="text-anime-style-3">Welcome to TCA website</h2>
|
||||
<div className="space18" />
|
||||
<p data-aos="fade-left" data-aos-duration={900}>Learn Tamil Arts, Culture and Heritage and events in and around Waterloo – Guelph Region in the province of Ontario, Canada.</p>
|
||||
<div className="space8" />
|
||||
<p data-aos="fade-left" data-aos-duration={900}>The website has a wealth of information that would interest you.</p>
|
||||
<div className="space8" />
|
||||
<p data-aos="fade-left" data-aos-duration={900}>Our main goal is to expose local Tamil culture to others and also for next generation of Canadians to understand who we are in the cultural mosaic.</p>
|
||||
<div className="space12" />
|
||||
{/* <div className="counter-area" data-aos="fade-left" data-aos-duration={1000}>
|
||||
<div className="counter-box">
|
||||
<h3><CountUp className="odometer" enableScrollSpy={true} end={250} />+</h3>
|
||||
<div className="space18" />
|
||||
<p>Our Journalist</p>
|
||||
</div>
|
||||
<div className="counter-box">
|
||||
<h3><CountUp className="odometer" enableScrollSpy={true} end={15} />+</h3>
|
||||
<div className="space18" />
|
||||
<p>Our Speaker</p>
|
||||
</div>
|
||||
<div className="counter-box" style={{ border: 'none' }}>
|
||||
<h3><CountUp className="odometer" enableScrollSpy={true} end={7} />K+</h3>
|
||||
<div className="space18" />
|
||||
<p>Attendees</p>
|
||||
</div>
|
||||
</div> */}
|
||||
<div className="space32" />
|
||||
<div className="btn-area1" data-aos="fade-left" data-aos-duration={1200}>
|
||||
<Link href="/event-schedule" className="vl-btn3">know More</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className='col-lg-2'>
|
||||
<div className="memory-boxarea pl-3">
|
||||
|
||||
<div className="img1" data-aos="zoom-in" data-aos-duration={1000}>
|
||||
<img src="https://tamilculturewaterloo.org/wp-content/uploads/2025/06/2025KWFestposter-1-202x300.jpg" alt="" style={{height:"500px"}}/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
59
components/home/AdSectionFive.tsx
Normal file
59
components/home/AdSectionFive.tsx
Normal file
@ -0,0 +1,59 @@
|
||||
|
||||
import Link from 'next/link'
|
||||
|
||||
export default function AdSectionFive() {
|
||||
return (
|
||||
<>
|
||||
|
||||
<div className="event6-section-area sp">
|
||||
<div className="container">
|
||||
|
||||
<div className="row d-flex justify-content-between gx-5">
|
||||
<div className="col-lg-10">
|
||||
<div className="event6-widget-boxarea" data-aos="fade-left" data-aos-duration={1000}>
|
||||
<div className="row">
|
||||
{/* <div className="col-lg-7">
|
||||
<div className="img1 image-anime reveal">
|
||||
<img src="/assets/img/all-images/event/event-img25.png" alt="" />
|
||||
</div>
|
||||
</div> */}
|
||||
<div className="col-lg-12 d-flex justify-content-center text-center" style={{ padding: "30px 0px" }}>
|
||||
<div className="content-area">
|
||||
<h3 className="text-anime-style-3">TCA Web Banner - Large</h3>
|
||||
<div className="space24" />
|
||||
<ul>
|
||||
<li className='text-lg'>
|
||||
<Link href="/#">Image size - 1200 * 270</Link>
|
||||
</li>
|
||||
<li className="space14" />
|
||||
<li className='text-lg'>
|
||||
<Link href="/#">$150 - per Year</Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space32" />
|
||||
<div className="btn-area1">
|
||||
<Link href="#" className="vl-btn10">Online Payment <img src="/assets/img/icons/arrow2.svg" alt="" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<div className='col-2'>
|
||||
<div className="memory-boxarea pl-3">
|
||||
|
||||
<div className="img1" data-aos="zoom-in" data-aos-duration={1000} >
|
||||
<img src="https://tamilculturewaterloo.org/wp-content/uploads/2025/06/2025KWFestposter-1-202x300.jpg" alt="" style={{height:"270px", width:"100%"}}/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
62
components/home/AdSectionFour.tsx
Normal file
62
components/home/AdSectionFour.tsx
Normal file
@ -0,0 +1,62 @@
|
||||
|
||||
import Link from 'next/link'
|
||||
|
||||
export default function AdSectionFour() {
|
||||
return (
|
||||
<>
|
||||
|
||||
<div className="event6-section-area sp1">
|
||||
<div className="container">
|
||||
|
||||
<div className="row d-flex justify-content-between">
|
||||
<div className="col-lg-9">
|
||||
<div className="event6-widget-boxarea" data-aos="fade-left" data-aos-duration={1000}>
|
||||
<div className="row">
|
||||
{/* <div className="col-lg-7">
|
||||
<div className="img1 image-anime reveal">
|
||||
<img src="/assets/img/all-images/event/event-img25.png" alt="" />
|
||||
</div>
|
||||
</div> */}
|
||||
<div className="col-lg-12 d-flex justify-content-center text-center" style={{ padding: "120px 0px" }}>
|
||||
<div className="content-area">
|
||||
<h3 className="text-anime-style-3">TCA Web Banner - Large</h3>
|
||||
<div className="space24" />
|
||||
<ul>
|
||||
<li className='text-lg'>
|
||||
<Link href="/#">Image size - 1200 * 450</Link>
|
||||
</li>
|
||||
<li className="space14" />
|
||||
<li className='text-lg'>
|
||||
<Link href="/#">$150 - per Year</Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space32" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn10">Online Payment <img src="/assets/img/icons/arrow2.svg" alt="" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<div className='col-3'>
|
||||
<div className="memory-boxarea pl-3">
|
||||
|
||||
<div className="img1" data-aos="zoom-in" data-aos-duration={1000} >
|
||||
<img src="/assets/img/all-images/memory/memory-img1.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
|
||||
|
||||
59
components/home/AdSectionOne.tsx
Normal file
59
components/home/AdSectionOne.tsx
Normal file
@ -0,0 +1,59 @@
|
||||
|
||||
import Link from 'next/link'
|
||||
|
||||
export default function AdSectionOne() {
|
||||
return (
|
||||
<>
|
||||
|
||||
<div className="event6-section-area sp">
|
||||
<div className="container">
|
||||
|
||||
<div className="row d-flex justify-content-between gx-5">
|
||||
<div className="col-lg-10">
|
||||
<div className="event6-widget-boxarea" data-aos="fade-left" data-aos-duration={1000}>
|
||||
<div className="row">
|
||||
{/* <div className="col-lg-7">
|
||||
<div className="img1 image-anime reveal">
|
||||
<img src="/assets/img/all-images/event/event-img25.png" alt="" />
|
||||
</div>
|
||||
</div> */}
|
||||
<div className="col-lg-12 d-flex justify-content-center text-center" style={{ padding: "30px 0px" }}>
|
||||
<div className="content-area">
|
||||
<h3 className="text-anime-style-3">TCA Web Banner - Large</h3>
|
||||
<div className="space24" />
|
||||
<ul>
|
||||
<li className='text-lg'>
|
||||
<Link href="/#">Image size - 1200 * 270</Link>
|
||||
</li>
|
||||
<li className="space14" />
|
||||
<li className='text-lg'>
|
||||
<Link href="/#">$150 - per Year</Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space32" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn10">Online Payment <img src="/assets/img/icons/arrow2.svg" alt="" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<div className='col-2'>
|
||||
<div className="memory-boxarea pl-3">
|
||||
|
||||
<div className="img1" data-aos="zoom-in" data-aos-duration={1000} >
|
||||
<img src="https://tamilculturewaterloo.org/wp-content/uploads/2025/06/2025KWFestposter-1-202x300.jpg" alt="" style={{height:"270px", width:"100%"}}/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
59
components/home/AdSectionThree.tsx
Normal file
59
components/home/AdSectionThree.tsx
Normal file
@ -0,0 +1,59 @@
|
||||
|
||||
import Link from 'next/link'
|
||||
|
||||
export default function AdSectionThree() {
|
||||
return (
|
||||
<>
|
||||
|
||||
<div className="event6-section-area sp1-t">
|
||||
<div className="container">
|
||||
|
||||
<div className="row d-flex justify-content-between gx-5">
|
||||
<div className="col-lg-10">
|
||||
<div className="event6-widget-boxarea" data-aos="fade-left" data-aos-duration={1000}>
|
||||
<div className="row">
|
||||
{/* <div className="col-lg-7">
|
||||
<div className="img1 image-anime reveal">
|
||||
<img src="/assets/img/all-images/event/event-img25.png" alt="" />
|
||||
</div>
|
||||
</div> */}
|
||||
<div className="col-lg-12 d-flex justify-content-center text-center" style={{ padding: "30px 0px" }}>
|
||||
<div className="content-area">
|
||||
<h3 className="text-anime-style-3">TCA Web Banner - Large</h3>
|
||||
<div className="space24" />
|
||||
<ul>
|
||||
<li className='text-lg'>
|
||||
<Link href="/#">Image size - 1200 * 270</Link>
|
||||
</li>
|
||||
<li className="space14" />
|
||||
<li className='text-lg'>
|
||||
<Link href="/#">$150 - per Year</Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space32" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn10">Online Payment <img src="/assets/img/icons/arrow2.svg" alt="" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<div className='col-lg-2'>
|
||||
<div className="memory-boxarea pl-3">
|
||||
|
||||
<div className="img1" data-aos="zoom-in" data-aos-duration={1000} >
|
||||
<img src="https://tamilculturewaterloo.org/wp-content/uploads/2025/06/2025KWFestposter-1-202x300.jpg" alt="" style={{ height: "270px", width: "100%" }} />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
58
components/home/AdSectionTwo.tsx
Normal file
58
components/home/AdSectionTwo.tsx
Normal file
@ -0,0 +1,58 @@
|
||||
|
||||
import Link from 'next/link'
|
||||
|
||||
export default function AdSectionTwo() {
|
||||
return (
|
||||
<>
|
||||
|
||||
<div className="event6-section-area">
|
||||
<div className="container">
|
||||
|
||||
<div className="row d-flex justify-content-between gx-5">
|
||||
<div className="col-lg-10">
|
||||
<div className="event6-widget-boxarea" data-aos="fade-left" data-aos-duration={1000}>
|
||||
<div className="row">
|
||||
<div className="col-lg-12">
|
||||
<div className="img1 image-anime reveal" style={{ height: "270px" }}>
|
||||
<img src="/assets/img/home/community/community.webp" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
{/* <div className="col-lg-12 d-flex justify-content-center text-center" style={{ padding: "120px 0px" }}>
|
||||
<div className="content-area">
|
||||
<h3 className="text-anime-style-3">TCA Web Banner - Large</h3>
|
||||
<div className="space24" />
|
||||
<ul>
|
||||
<li className='text-lg'>
|
||||
<Link href="/#">Image size - 1200 * 450</Link>
|
||||
</li>
|
||||
<li className="space14" />
|
||||
<li className='text-lg'>
|
||||
<Link href="/#">$150 - per Year</Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space32" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn10">Online Payment <img src="/assets/img/icons/arrow2.svg" alt="" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<div className='col-2'>
|
||||
<div className="memory-boxarea pl-3">
|
||||
<div className="img1" data-aos="zoom-in" data-aos-duration={1000} >
|
||||
<img src="https://tamilculturewaterloo.org/wp-content/uploads/2025/06/2025KWFestposter-1-202x300.jpg" alt="" style={{height:"270px", width:"100%"}}/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div >
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
206
components/home/ArtsAndCultureSection.tsx
Normal file
206
components/home/ArtsAndCultureSection.tsx
Normal file
@ -0,0 +1,206 @@
|
||||
'use client'
|
||||
import Link from 'next/link'
|
||||
import { Autoplay, Navigation, Pagination } from "swiper/modules"
|
||||
import { Swiper, SwiperSlide } from "swiper/react"
|
||||
const swiperOptions = {
|
||||
modules: [Autoplay, Pagination, Navigation],
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 30,
|
||||
autoplay: {
|
||||
delay: 2500,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
loop: true,
|
||||
|
||||
// Navigation
|
||||
navigation: {
|
||||
nextEl: '.owl-next',
|
||||
prevEl: '.owl-prev',
|
||||
},
|
||||
|
||||
// Pagination
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable: true,
|
||||
},
|
||||
breakpoints: {
|
||||
320: {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 30,
|
||||
},
|
||||
575: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 30,
|
||||
},
|
||||
767: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 30,
|
||||
},
|
||||
991: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 30,
|
||||
},
|
||||
1199: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 30,
|
||||
},
|
||||
1350: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 30,
|
||||
},
|
||||
}
|
||||
}
|
||||
|
||||
export default function ArtAndCultureSection() {
|
||||
return (
|
||||
<>
|
||||
|
||||
<div className="memory1-section-area sp1">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-12 m-auto">
|
||||
<div className="memory-header heading2 space-margin60">
|
||||
{/* <h5 data-aos="fade-left" data-aos-duration={800}>last year memory</h5>
|
||||
<div className="space16" /> */}
|
||||
<h2 className="text-anime-style-3">Tamil Culture</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row gx-5">
|
||||
<div className='col-lg-10'>
|
||||
<div className="col-lg-12 memory-slider-area">
|
||||
<Swiper {...swiperOptions} className=" owl-carousel">
|
||||
<SwiperSlide className="memory-boxarea">
|
||||
<div className="img1 image-anime">
|
||||
<img src="/assets/img/home/tamil-culture/tamil-culture-1.webp" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<img src="/assets/img/icons/logo1.svg" alt="" className="logo1 keyframe5" />
|
||||
<div className="arrow">
|
||||
<Link href="/memories"><i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
<div className="space18" />
|
||||
<p>Instrumental Music</p>
|
||||
<div className="space12" />
|
||||
<Link href="/memories">In South Indian or Carnatic music, the vina, a long- necked and…</Link>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide className="memory-boxarea">
|
||||
<div className="img1 image-anime">
|
||||
<img src="/assets/img/home/tamil-culture/tamil-culture-2.webp" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<img src="/assets/img/icons/logo1.svg" alt="" className="logo1 keyframe5" />
|
||||
<div className="arrow">
|
||||
<Link href="/memories"><i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
<div className="space18" />
|
||||
<p>Bharatha Natyam Dance</p>
|
||||
<div className="space12" />
|
||||
<Link href="/memories">An ancient traditional art form with its origins steeped…</Link>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide className="memory-boxarea">
|
||||
<div className="img1 image-anime">
|
||||
<img src="/assets/img/home/tamil-culture/tamil-culture-3.webp" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<img src="/assets/img/icons/logo1.svg" alt="" className="logo1 keyframe5" />
|
||||
<div className="arrow">
|
||||
<Link href="/memories"><i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
<div className="space18" />
|
||||
<p>Vocal</p>
|
||||
<div className="space12" />
|
||||
<Link href="/memories">Carnatic music is considered one of the oldest systems of music…</Link>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide className="memory-boxarea">
|
||||
<div className="img1 image-anime">
|
||||
<img src="/assets/img/home/tamil-culture/tamil-culture-4.webp" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<img src="/assets/img/icons/logo1.svg" alt="" className="logo1 keyframe5" />
|
||||
<div className="arrow">
|
||||
<Link href="/memories"><i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
<div className="space18" />
|
||||
<p>Jallikattu</p>
|
||||
<div className="space12" />
|
||||
<Link href="/memories">Jallikattu (Tamil: சல்லிகட்டு, challikattu)…</Link>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide className="memory-boxarea">
|
||||
<div className="img1 image-anime">
|
||||
<img src="/assets/img/home/tamil-culture/tamil-culture-5.webp" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<img src="/assets/img/icons/logo1.svg" alt="" className="logo1 keyframe5" />
|
||||
<div className="arrow">
|
||||
<Link href="/memories"><i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
<div className="space18" />
|
||||
<p>Entertainment-1</p>
|
||||
<div className="space12" />
|
||||
<Link href="/memories">Entertainment-1...</Link>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide className="memory-boxarea">
|
||||
<div className="img1 image-anime">
|
||||
<img src="/assets/img/home/tamil-culture/tamil-culture-6.webp" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<img src="/assets/img/icons/logo1.svg" alt="" className="logo1 keyframe5" />
|
||||
<div className="arrow">
|
||||
<Link href="/memories"><i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
<div className="space18" />
|
||||
<p>Indoor game</p>
|
||||
<div className="space12" />
|
||||
<Link href="/memories">Indoor game...</Link>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide className="memory-boxarea">
|
||||
<div className="img1 image-anime">
|
||||
<img src="/assets/img/home/tamil-culture/tamil-culture-7.webp" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<img src="/assets/img/icons/logo1.svg" alt="" className="logo1 keyframe5" />
|
||||
<div className="arrow">
|
||||
<Link href="/memories"><i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
<div className="space18" />
|
||||
<p>Silambattam</p>
|
||||
<div className="space12" />
|
||||
<Link href="/memories">Silambam or Silambattam Tamil: சிலம்பம் அல்லது…</Link>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
</Swiper>
|
||||
|
||||
<div className="owl-nav" style={{ position: "absolute", top: "-80px", right: "90px" }}>
|
||||
<button type="button" role="presentation" className="owl-prev h1p">
|
||||
<i className="fa-solid fa-angle-left" />
|
||||
</button>
|
||||
<button type="button" role="presentation" className="owl-next h1n">
|
||||
<i className="fa-solid fa-angle-right" />
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div className='col-lg-2'>
|
||||
<div className="memory-boxarea pl-3">
|
||||
|
||||
<div className="img1" data-aos="zoom-in" data-aos-duration={1000} >
|
||||
<img src="https://tamilculturewaterloo.org/wp-content/uploads/2025/06/2025KWFestposter-1-202x300.jpg" alt="" style={{ height: "500px", width: "100%" }} />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
86
components/home/BlogSection.tsx
Normal file
86
components/home/BlogSection.tsx
Normal file
@ -0,0 +1,86 @@
|
||||
|
||||
import Link from 'next/link'
|
||||
|
||||
export default function BlogSection() {
|
||||
return (
|
||||
<>
|
||||
|
||||
<div className="blog7-section-area sp2">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-6 m-auto">
|
||||
<div className="blog-header text-center heading10 space-margin60">
|
||||
<h2 className="text-anime-style-3">Our Latest Blogs</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration={800}>
|
||||
<div className="blog1-auhtor-boxarea">
|
||||
<div className="img1 image-anime">
|
||||
<img src="/assets/img/all-images/blog/blog-img1.png" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li><Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />26 January 2025</Link>
|
||||
</li>
|
||||
<li className="m-0"><Link href="/#"><img src="/assets/img/icons/user1.svg" alt="" />Mckayla</Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/blog-single">The Future Global Economy Trends and Predictions</Link>
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/blog-single" className="vl-btn7">Read More <span><i className="fa-solid fa-arrow-right" /></span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration={1000}>
|
||||
<div className="blog1-auhtor-boxarea">
|
||||
<div className="img1 image-anime">
|
||||
<img src="/assets/img/all-images/blog/blog-img2.png" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li><Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />26 January 2025</Link>
|
||||
</li>
|
||||
<li className="m-0"><Link href="/#"><img src="/assets/img/icons/user1.svg" alt="" />Earnest</Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/blog-single">The Impact of Fintech on the Global Economy</Link>
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/blog-single" className="vl-btn7">Read More <span><i className="fa-solid fa-arrow-right" /></span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6" data-aos="zoom-in" data-aos-duration={1200}>
|
||||
<div className="blog1-auhtor-boxarea">
|
||||
<div className="img1 image-anime">
|
||||
<img src="/assets/img/all-images/blog/blog-img3.png" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li><Link href="/#"><img src="/assets/img/icons/calender1.svg" alt="" />26 January 2025</Link>
|
||||
</li>
|
||||
<li className="m-0"><Link href="/#"><img src="/assets/img/icons/user1.svg" alt="" />Abdiel</Link></li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/blog-single">The Rise of the Digital Economy Opportunities</Link>
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/blog-single" className="vl-btn7">Read More <span><i className="fa-solid fa-arrow-right" /></span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
271
components/home/FoodSection.tsx
Normal file
271
components/home/FoodSection.tsx
Normal file
@ -0,0 +1,271 @@
|
||||
'use client'
|
||||
import Link from 'next/link'
|
||||
import { Autoplay, Navigation, Pagination } from "swiper/modules"
|
||||
import { Swiper, SwiperSlide } from "swiper/react"
|
||||
const swiperOptions = {
|
||||
modules: [Autoplay, Pagination, Navigation],
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 30,
|
||||
autoplay: {
|
||||
delay: 2500,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
loop: true,
|
||||
|
||||
// Navigation
|
||||
navigation: {
|
||||
nextEl: '.owl-next',
|
||||
prevEl: '.owl-prev',
|
||||
},
|
||||
|
||||
// Pagination
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable: true,
|
||||
},
|
||||
|
||||
breakpoints: {
|
||||
320: {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 30,
|
||||
},
|
||||
575: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 30,
|
||||
},
|
||||
767: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 30,
|
||||
},
|
||||
991: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 30,
|
||||
},
|
||||
1199: {
|
||||
slidesPerView: 4,
|
||||
spaceBetween: 30,
|
||||
},
|
||||
1350: {
|
||||
slidesPerView: 4,
|
||||
spaceBetween: 30,
|
||||
},
|
||||
}
|
||||
}
|
||||
|
||||
export default function FoodSection() {
|
||||
return (
|
||||
<>
|
||||
|
||||
<div className="team9-section-rea sp1">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-5">
|
||||
<div className="heading12 space-margin60">
|
||||
{/* <h5>15+ Event Speakers</h5> */}
|
||||
<div className="space18" />
|
||||
<h2 className="text-anime-style-3">Food</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className='col-lg-9'>
|
||||
<div className='row'>
|
||||
<div className="col-lg-12 team-slider-area8">
|
||||
<Swiper {...swiperOptions} className=" owl-carousel">
|
||||
<SwiperSlide className="team-widget-boxarea">
|
||||
<div className="img1 image-anime">
|
||||
<img src="/assets/img/all-images/team/team-img33.png" alt="" />
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><i className="fa-brands fa-facebook-f" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><i className="fa-brands fa-linkedin-in" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><i className="fa-brands fa-instagram" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#" className="m-0"><i className="fa-brands fa-youtube" /></Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="space20" />
|
||||
<div className="text-area">
|
||||
<Link href="/speakers">Aron Smite</Link>
|
||||
<div className="space16" />
|
||||
<p>Music Singer</p>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide className="team-widget-boxarea">
|
||||
<div className="img1 image-anime">
|
||||
<img src="/assets/img/all-images/team/team-img34.png" alt="" />
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><i className="fa-brands fa-facebook-f" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><i className="fa-brands fa-linkedin-in" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><i className="fa-brands fa-instagram" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#" className="m-0"><i className="fa-brands fa-youtube" /></Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="space20" />
|
||||
<div className="text-area">
|
||||
<Link href="/speakers">Kevin Johnson</Link>
|
||||
<div className="space16" />
|
||||
<p>Music Singer</p>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide className="team-widget-boxarea">
|
||||
<div className="img1 image-anime">
|
||||
<img src="/assets/img/all-images/team/team-img35.png" alt="" />
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><i className="fa-brands fa-facebook-f" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><i className="fa-brands fa-linkedin-in" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><i className="fa-brands fa-instagram" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#" className="m-0"><i className="fa-brands fa-youtube" /></Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="space20" />
|
||||
<div className="text-area">
|
||||
<Link href="/speakers">Robin Johnson</Link>
|
||||
<div className="space16" />
|
||||
<p>Music Singer</p>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide className="team-widget-boxarea">
|
||||
<div className="img1 image-anime">
|
||||
<img src="/assets/img/all-images/team/team-img36.png" alt="" />
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><i className="fa-brands fa-facebook-f" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><i className="fa-brands fa-linkedin-in" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><i className="fa-brands fa-instagram" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#" className="m-0"><i className="fa-brands fa-youtube" /></Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="space20" />
|
||||
<div className="text-area">
|
||||
<Link href="/speakers">Aspen Grunberg</Link>
|
||||
<div className="space16" />
|
||||
<p>Music Singer</p>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide className="team-widget-boxarea">
|
||||
<div className="img1 image-anime">
|
||||
<img src="/assets/img/all-images/team/team-img37.png" alt="" />
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><i className="fa-brands fa-facebook-f" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><i className="fa-brands fa-linkedin-in" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><i className="fa-brands fa-instagram" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#" className="m-0"><i className="fa-brands fa-youtube" /></Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="space20" />
|
||||
<div className="text-area">
|
||||
<Link href="/speakers">Dennis Jacobson</Link>
|
||||
<div className="space16" />
|
||||
<p>Music Singer</p>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide className="team-widget-boxarea">
|
||||
<div className="img1 image-anime">
|
||||
<img src="/assets/img/all-images/team/team-img33.png" alt="" />
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><i className="fa-brands fa-facebook-f" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><i className="fa-brands fa-linkedin-in" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><i className="fa-brands fa-instagram" /></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#" className="m-0"><i className="fa-brands fa-youtube" /></Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="space20" />
|
||||
<div className="text-area">
|
||||
<Link href="/speakers">Patricia Wilkinson</Link>
|
||||
<div className="space16" />
|
||||
<p>Music Singert</p>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
</Swiper>
|
||||
|
||||
<div className="owl-nav">
|
||||
<button type="button" role="presentation" className="owl-prev h1p">
|
||||
<i className="fa-solid fa-angle-left" />
|
||||
</button>
|
||||
<button type="button" role="presentation" className="owl-next h1n">
|
||||
<i className="fa-solid fa-angle-right" />
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className='col-3'>
|
||||
<div className="event6-widget-boxarea" data-aos="fade-left" data-aos-duration={1000}>
|
||||
<div className="row">
|
||||
<div className="col-lg-12 d-flex justify-content-center text-center" style={{ padding: "80px 0px" }}>
|
||||
<div className="content-area">
|
||||
<h3 className="text-anime-style-3">Advertisement</h3>
|
||||
<div className="space24" />
|
||||
<ul>
|
||||
<li className='text-lg'>
|
||||
<Link href="/#">This Space is Available</Link>
|
||||
</li>
|
||||
{/* <li className="space14" />
|
||||
<li className='text-lg'>
|
||||
<Link href="/#">$150 - per Year</Link>
|
||||
</li> */}
|
||||
</ul>
|
||||
<div className="space32" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn10">Online Payment <img src="/assets/img/icons/arrow2.svg" alt="" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
100
components/home/HaritageAndLanguage.tsx
Normal file
100
components/home/HaritageAndLanguage.tsx
Normal file
@ -0,0 +1,100 @@
|
||||
|
||||
import CircleText from '@/components/elements/CircleText'
|
||||
import Link from 'next/link'
|
||||
|
||||
export default function HaritageAndLanguage() {
|
||||
return (
|
||||
<>
|
||||
<div className="vanue-section-area sp2">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-5 m-auto">
|
||||
<div className="vanue-header heading10 text-center space-margin60">
|
||||
<h2 className="text-anime-style-3">Heritage and Language</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className='col-lg-9'>
|
||||
<div className='row'>
|
||||
<div className="col-lg-3 col-md-6" data-aos="zoom-in" data-aos-duration={900}>
|
||||
<div className="vanue-single-item-area">
|
||||
<div className="img1 image-anime">
|
||||
<img src="/assets/img/all-images/others/vanue-img1.png" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<span>Venue 01</span>
|
||||
<div className="space16" />
|
||||
<Link href="/event-single">Marine City Michigan</Link>
|
||||
<div className="space12" />
|
||||
<p>New York, USA</p>
|
||||
<div className="space16" />
|
||||
<Link href="/event-single" className="tour">Virtual Tour <i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6" data-aos="zoom-in" data-aos-duration={1000}>
|
||||
<div className="vanue-single-item-area">
|
||||
<div className="img1 image-anime">
|
||||
<img src="/assets/img/all-images/others/vanue-img2.png" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<span>Venue 02</span>
|
||||
<div className="space16" />
|
||||
<Link href="/event-single">Kansas City Omaha</Link>
|
||||
<div className="space12" />
|
||||
<p>New York, USA</p>
|
||||
<div className="space16" />
|
||||
<Link href="/event-single" className="tour">Virtual Tour <i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6" data-aos="zoom-in" data-aos-duration={1100}>
|
||||
<div className="vanue-single-item-area">
|
||||
<div className="img1 image-anime">
|
||||
<img src="/assets/img/all-images/others/vanue-img3.png" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<span>Venue 03</span>
|
||||
<div className="space16" />
|
||||
<Link href="/event-single">New Hampshire City</Link>
|
||||
<div className="space12" />
|
||||
<p>New York, USA</p>
|
||||
<div className="space16" />
|
||||
<Link href="/event-single" className="tour">Virtual Tour <i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6" data-aos="zoom-in" data-aos-duration={1200}>
|
||||
<div className="vanue-single-item-area">
|
||||
<div className="img1 image-anime">
|
||||
<img src="/assets/img/all-images/others/vanue-img4.png" alt="" />
|
||||
</div>
|
||||
<div className="content-area">
|
||||
<span>Venue 04</span>
|
||||
<div className="space16" />
|
||||
<Link href="/event-single">Marine City Michigan</Link>
|
||||
<div className="space12" />
|
||||
<p>New York, USA</p>
|
||||
<div className="space16" />
|
||||
<Link href="/event-single" className="tour">Virtual Tour <i className="fa-solid fa-arrow-right" /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className='col-3'>
|
||||
<div className="memory-boxarea pl-3">
|
||||
|
||||
<div className="img1" data-aos="zoom-in" data-aos-duration={1000} >
|
||||
<img src="/assets/img/all-images/memory/memory-img1.png" alt="" style={{height:"360px"}} />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
127
components/home/HeroBanner.tsx
Normal file
127
components/home/HeroBanner.tsx
Normal file
@ -0,0 +1,127 @@
|
||||
'use client';
|
||||
|
||||
import Countdown from '@/components/elements/Countdown';
|
||||
import Link from 'next/link';
|
||||
import { Swiper, SwiperSlide } from 'swiper/react';
|
||||
import { Autoplay, Navigation, Pagination } from 'swiper/modules';
|
||||
|
||||
import 'swiper/css';
|
||||
import 'swiper/css/navigation';
|
||||
import 'swiper/css/pagination';
|
||||
|
||||
export default function HomeHeroBanner() {
|
||||
const slideData = [
|
||||
// {
|
||||
// title: 'World Music Events 2025',
|
||||
// date: 'SERVING',
|
||||
// location: 'WATERLOO – KITCHENER – CAMBRIDGE- GUELPH – BRANTFORD SINCE 1989',
|
||||
// bgImage: '/assets/img/home/banner/banner-1.webp',
|
||||
// image: '/assets/img/all-images/hero/hero-img11.png',
|
||||
// },
|
||||
{
|
||||
title: 'Global DJ Tour 2025',
|
||||
date: 'SERVING',
|
||||
location: 'WATERLOO – KITCHENER – CAMBRIDGE- GUELPH – BRANTFORD SINCE 1989',
|
||||
bgImage: '/assets/img/home/banner/banner-2.webp',
|
||||
image: '/assets/img/all-images/hero/hero-img12.png',
|
||||
},
|
||||
{
|
||||
title: 'Global DJ Tour 2025',
|
||||
date: 'SERVING',
|
||||
location: 'WATERLOO – KITCHENER – CAMBRIDGE- GUELPH – BRANTFORD SINCE 1989',
|
||||
bgImage: '/assets/img/home/banner/banner-3.webp',
|
||||
image: '/assets/img/all-images/hero/hero-img12.png',
|
||||
},
|
||||
{
|
||||
title: 'Global DJ Tour 2025',
|
||||
date: 'SERVING',
|
||||
location: 'WATERLOO – KITCHENER – CAMBRIDGE- GUELPH – BRANTFORD SINCE 1989',
|
||||
bgImage: '/assets/img/home/banner/banner-4.webp',
|
||||
image: '/assets/img/all-images/hero/hero-img12.png',
|
||||
},
|
||||
{
|
||||
title: 'Global DJ Tour 2025',
|
||||
date: 'SERVING',
|
||||
location: 'WATERLOO – KITCHENER – CAMBRIDGE- GUELPH – BRANTFORD SINCE 1989',
|
||||
bgImage: '/assets/img/home/banner/banner-5.webp',
|
||||
image: '/assets/img/all-images/hero/hero-img12.png',
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<Swiper
|
||||
modules={[Autoplay, Navigation, Pagination]}
|
||||
slidesPerView={1}
|
||||
loop={true}
|
||||
autoplay={{ delay: 2000 }}
|
||||
navigation
|
||||
pagination={{ clickable: true }}
|
||||
>
|
||||
{slideData.map((slide, index) => (
|
||||
<SwiperSlide key={index}>
|
||||
<div
|
||||
className="hero9-slider-area"
|
||||
style={{
|
||||
backgroundImage: `url(${slide.bgImage})`,
|
||||
backgroundRepeat: 'no-repeat',
|
||||
backgroundSize: 'cover',
|
||||
backgroundPosition: 'center bottom',
|
||||
}}
|
||||
>
|
||||
<div className="container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-7">
|
||||
<div className="hero8-header">
|
||||
<h5>
|
||||
{/* <img src="/assets/img/icons/sub-logo1.svg" alt="" /> */}
|
||||
WE ARE COMING FOR
|
||||
</h5>
|
||||
<div className="space16" />
|
||||
<h1 className="text-anime-style-3">{slide.title}</h1>
|
||||
<div className="space32" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/contact" className="vl-btn9">
|
||||
<span className="demo">Buy Tickets Now!</span>
|
||||
</Link>
|
||||
{/* <Link href="/event-schedule" className="vl-btn9 btn2">
|
||||
<span className="demo">Schedules</span>
|
||||
</Link> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* <div className="col-lg-5">
|
||||
<div className="img1">
|
||||
<img src={slide.image} alt="" />
|
||||
</div>
|
||||
</div> */}
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-lg-12">
|
||||
<div className="timer-bg-area">
|
||||
<div className="row" >
|
||||
{/* <div className="col-lg-7">
|
||||
<div className="timer-btn-area">
|
||||
<Countdown style={1} />
|
||||
</div>
|
||||
</div> */}
|
||||
<div className="col-lg-12 text-center">
|
||||
<div className="heading12">
|
||||
<h3>{slide.date}</h3>
|
||||
<div className="space16" />
|
||||
<p>
|
||||
<img src="/assets/img/icons/location1.svg" alt="" />
|
||||
{slide.location}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
))}
|
||||
</Swiper>
|
||||
);
|
||||
}
|
||||
135
components/home/HomeCommunitySection.tsx
Normal file
135
components/home/HomeCommunitySection.tsx
Normal file
@ -0,0 +1,135 @@
|
||||
|
||||
import Link from 'next/link'
|
||||
|
||||
export default function HomeCommunitySection() {
|
||||
return (
|
||||
<>
|
||||
|
||||
<div className="team10-section-area sp1">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-12 m-auto">
|
||||
<div className="heading2 space-margin60">
|
||||
{/* <h5><img src="/assets/img/icons/sub-logo1.svg" alt="" />our speaker</h5>
|
||||
<div className="space20" /> */}
|
||||
<h2>Community</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row gx-5">
|
||||
|
||||
<div className="col-lg-10">
|
||||
<div className="row">
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div className="team10-widget-boxarea2">
|
||||
<div className="img1 image-anime">
|
||||
<img src="/assets/img/home/community/recipes.webp" alt="" />
|
||||
</div>
|
||||
<div className="text-area">
|
||||
<Link href="/community/recipes">Recipes</Link>
|
||||
{/* <div className="space16" /> */}
|
||||
{/* <p>AI Research Lead</p> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div className="team10-widget-boxarea2">
|
||||
<div className="img1 image-anime">
|
||||
<img src="/assets/img/home/community/cricket.webp" alt="" />
|
||||
</div>
|
||||
<div className="text-area">
|
||||
<Link href="community/cricket-club">Cricket Club</Link>
|
||||
{/* <div className="space16" /> */}
|
||||
{/* <p>Cybersecurity Expert</p> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div className="team10-widget-boxarea2">
|
||||
<div className="img1 image-anime">
|
||||
<img src="/assets/img/home/community/badminton.webp" alt="" />
|
||||
</div>
|
||||
<div className="text-area">
|
||||
<Link href="/community/badminton-club">Badminton Club</Link>
|
||||
{/* <div className="space16" /> */}
|
||||
{/* <p>Branding</p> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div className="team10-widget-boxarea2">
|
||||
<div className="img1 image-anime">
|
||||
<img src="/assets/img/home/community/business-directory.webp" alt="" />
|
||||
</div>
|
||||
<div className="text-area">
|
||||
<Link href="/community/business-directory">Business Directory</Link>
|
||||
{/* <div className="space16" /> */}
|
||||
{/* <p>Quantum Technologies</p> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div className="team10-widget-boxarea2">
|
||||
<div className="img1 image-anime">
|
||||
<img src="/assets/img/home/community/tamil-school.webp" alt="" />
|
||||
</div>
|
||||
<div className="text-area">
|
||||
<Link href="/community/tamil-school">Tamil School</Link>
|
||||
{/* <div className="space16" /> */}
|
||||
{/* <p>GreenTech Innovations</p> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div className="team10-widget-boxarea2">
|
||||
<div className="img1 image-anime">
|
||||
<img src="/assets/img/home/community/relief-fund.webp" alt="" />
|
||||
</div>
|
||||
<div className="text-area">
|
||||
<Link href="/community/global-relief-fund">Global Relief Fund</Link>
|
||||
{/* <div className="space16" />
|
||||
<p>Head of User Experience</p> */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* <div className="col-lg-3 col-md-6">
|
||||
<div className="team10-widget-boxarea2">
|
||||
<div className="img1 image-anime">
|
||||
<img src="/assets/img/all-images/team/team-img43.png" alt="" />
|
||||
</div>
|
||||
<div className="text-area">
|
||||
<Link href="/speakers-single">Dennis Callis</Link>
|
||||
<div className="space16" />
|
||||
<p>GreenTech Innovations</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6">
|
||||
<div className="team10-widget-boxarea2">
|
||||
<div className="img1 image-anime">
|
||||
<img src="/assets/img/all-images/team/team-img44.png" alt="" />
|
||||
</div>
|
||||
<div className="text-area">
|
||||
<Link href="/speakers-single">Chris Glasser</Link>
|
||||
<div className="space16" />
|
||||
<p>Head of User Experience</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className='col-2'>
|
||||
<div className="memory-boxarea pl-3">
|
||||
<div className="img1" data-aos="zoom-in" data-aos-duration={1000} >
|
||||
<img src="/assets/img/home/ad-banner/TCA-Web-Banner-Large.jpg" alt="" style={{height:"830px"}} />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
136
components/home/HomePhotoGallerySection.tsx
Normal file
136
components/home/HomePhotoGallerySection.tsx
Normal file
@ -0,0 +1,136 @@
|
||||
'use client';
|
||||
|
||||
import Link from 'next/link';
|
||||
import React, { useState } from 'react';
|
||||
import Lightbox from "yet-another-react-lightbox";
|
||||
import "yet-another-react-lightbox/styles.css";
|
||||
|
||||
interface GalleryImage {
|
||||
src: string;
|
||||
alt?: string;
|
||||
delay?: number;
|
||||
year: number;
|
||||
}
|
||||
|
||||
export default function HomePhotoGallerySection() {
|
||||
const galleryImages: GalleryImage[] = [
|
||||
{ src: "/assets/img/home/photos-gallery/christmas.webp", delay: 800, year: 2025 },
|
||||
{ src: "/assets/img/home/photos-gallery/m-g.webp", delay: 1000, year: 2025 },
|
||||
{ src: "/assets/img/home/photos-gallery/thai-pongal.webp", delay: 1000, year: 2004 },
|
||||
{ src: "/assets/img/home/photos-gallery/multicultural.webp", delay: 1000, year: 2023 },
|
||||
{ src: "/assets/img/home/photos-gallery/sports.webp", delay: 1000, year: 2024 },
|
||||
{ src: "/assets/img/home/photos-gallery/tamil-new-yr.webp", delay: 1000, year: 2022 },
|
||||
|
||||
{ src: "/assets/img/home/photos-gallery/kw.webp", delay: 1200, year: 1989 },
|
||||
{ src: "/assets/img/home/photos-gallery/tamil-heritage.webp", delay: 800, year: 2025 },
|
||||
{ src: "/assets/img/all-images/memory/memory-img9.png", delay: 1000, year: 2004 },
|
||||
{ src: "/assets/img/all-images/memory/memory-img4.png", delay: 1000, year: 1989 },
|
||||
{ src: "/assets/img/all-images/memory/memory-img9.png", delay: 1200, year: 2025 },
|
||||
];
|
||||
|
||||
const [open, setOpen] = useState(false);
|
||||
const [currentIndex, setCurrentIndex] = useState(0);
|
||||
const [activeTab, setActiveTab] = useState<'All' | number>('All');
|
||||
|
||||
const years = Array.from(new Set(galleryImages.map(img => img.year))).sort((a, b) => b - a);
|
||||
const tabs: (number | 'All')[] = ['All', ...years];
|
||||
|
||||
const filteredImages = activeTab === 'All'
|
||||
? galleryImages
|
||||
: galleryImages.filter(img => img.year === activeTab);
|
||||
|
||||
const handleImageClick = (index: number) => {
|
||||
const actualIndex = galleryImages.findIndex(img => img.src === filteredImages[index].src);
|
||||
setCurrentIndex(actualIndex);
|
||||
setOpen(true);
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
<div className="bloginner-section-area sp1">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-12 m-auto">
|
||||
<div className="event2-header heading5 space-margin60">
|
||||
<h2 className="text-anime-style-3">Photos Gallery</h2>
|
||||
|
||||
{/* Tabs */}
|
||||
<div className="d-flex justify-content-start gap-3 mt-4 flex-wrap">
|
||||
{tabs.map((tab, i) => (
|
||||
<button
|
||||
key={i}
|
||||
className={`btn btn-sm gallery-btn ${activeTab === tab ? 'btn-primary' : 'btn-outline-primary'}`}
|
||||
onClick={() => setActiveTab(tab)}
|
||||
>
|
||||
{tab === 'All' ? 'All' : tab}
|
||||
</button>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className='row gx-5'>
|
||||
<div className='col-lg-10'>
|
||||
<div className="row mt-4">
|
||||
{filteredImages.slice(0, 8).map((img, index) => (
|
||||
<div
|
||||
key={index}
|
||||
className="col-lg-3 col-md-6"
|
||||
data-aos="zoom-in"
|
||||
data-aos-duration={img.delay || 1000}
|
||||
>
|
||||
<div className="blog4-boxarea">
|
||||
<div
|
||||
className="img1"
|
||||
style={{ cursor: 'pointer' }}
|
||||
onClick={() => handleImageClick(index)}
|
||||
>
|
||||
<img
|
||||
src={img.src}
|
||||
alt={img.alt || `gallery-${index}`}
|
||||
loading="lazy"
|
||||
style={{ width: '100%', height: 'auto' }}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
{filteredImages.length === 0 && (
|
||||
<div className="col-12 text-center mt-5">
|
||||
<p className="text-muted">No images found for selected year.</p>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
<div className='col-lg-2'>
|
||||
<div className="memory-boxarea pl-3">
|
||||
|
||||
<div className="img1" data-aos="zoom-in" data-aos-duration={1000} >
|
||||
<img src="https://tamilculturewaterloo.org/wp-content/uploads/2025/06/2025KWFestposter-1-202x300.jpg" alt="" className='mb-5' />
|
||||
<img src="https://tamilculturewaterloo.org/wp-content/uploads/2025/06/2025KWFestposter-1-202x300.jpg" alt=""/>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className='col-lg-12'>
|
||||
<div className="space32" />
|
||||
<div className="btn-area1 text-center" data-aos="fade-left" data-aos-duration={1200}>
|
||||
<Link href="/event-schedule" className="vl-btn3">know More</Link>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Lightbox */}
|
||||
<Lightbox
|
||||
open={open}
|
||||
close={() => setOpen(false)}
|
||||
index={currentIndex}
|
||||
slides={galleryImages.map((img) => ({ src: img.src }))}
|
||||
/>
|
||||
</>
|
||||
);
|
||||
}
|
||||
53
components/home/HomeSlogan.tsx
Normal file
53
components/home/HomeSlogan.tsx
Normal file
@ -0,0 +1,53 @@
|
||||
import Countdown2 from '@/components/elements/Countdown2'
|
||||
import Link from 'next/link'
|
||||
|
||||
|
||||
export default function HomeSlogan() {
|
||||
return (
|
||||
<>
|
||||
|
||||
<div className="others-timer-area sp2 d-lg-block d-none">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="row">
|
||||
<div className="col-lg-6 m-auto">
|
||||
<div className="heading13 text-center space-margin60">
|
||||
{/* <h5><img src="/assets/img/icons/sub-logo1.svg" alt="" />our speaker</h5>
|
||||
<div className="space20" /> */}
|
||||
<h2>தமிழ்த்தாய் வாழ்த்து</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="text-center">
|
||||
<h5 className="text-white lh-lg">
|
||||
நீராரும் கடல் உடுத்த நில மடந்தைக் கெழிலொழுகும் <br />
|
||||
சீராரும் வதனமெனத் திகழ்பரதக் கண்டமிதில் <br />
|
||||
தெக்கணமும் அதிற்சிறந்த திராவிட நல் திருநாடும் <br />
|
||||
தக்கசிறு பிறைநுதலும் தரித்தநறும் திலகமுமே! <br />
|
||||
அத்திலக வாசனைபோல் அனைத்துலகும் இன்பமுற, <br />
|
||||
எத்திசையும் புகழ்மணக்க இருந்த பெரும் தமிழணங்கே! <br />
|
||||
தமிழணங்கே! <br />
|
||||
௨ன் சீரிளமைத் திறம்வியந்து <br />
|
||||
செயல் மறந்து வாழ்த்துதுமே! <br />
|
||||
வாழ்த்துதுமே! <br />
|
||||
வாழ்த்துதுமே!
|
||||
</h5>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="about-imges">
|
||||
<div className="img1 reveal image-anime">
|
||||
<img src="/assets/img/home/tamil-thai-vazhthu.webp" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
264
components/home/HomeUpcomingEvent.tsx
Normal file
264
components/home/HomeUpcomingEvent.tsx
Normal file
@ -0,0 +1,264 @@
|
||||
'use client'
|
||||
import Link from 'next/link'
|
||||
import { useState } from "react"
|
||||
|
||||
export default function HomeUpcomingEvent() {
|
||||
const [isTab, setIsTab] = useState(1)
|
||||
const handleTab = (i: number) => {
|
||||
setIsTab(i)
|
||||
}
|
||||
return (
|
||||
<>
|
||||
|
||||
<div className="event3-section-area sp1">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-12 m-auto">
|
||||
<div className="event2-header heading5 space-margin60">
|
||||
{/* <h5>Event Schedule</h5>
|
||||
<div className="space18" /> */}
|
||||
<h2 className="text-anime-style-3">Upcoming Events</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row gx-5">
|
||||
<div className="col-lg-10" data-aos="fade-up" data-aos-duration={1000}>
|
||||
{/* <div className="tabs-button space-margin60">
|
||||
<ul className="nav nav-pills" id="pills-tab" role="tablist">
|
||||
<li className="nav-item" onClick={() => handleTab(1)}>
|
||||
<button className={isTab == 1 ? "nav-link active" : "nav-link"} id="pills-home-tab" data-bs-toggle="pill" data-bs-target="#pills-home" type="button" role="tab" aria-controls="pills-home" aria-selected="true">
|
||||
<span className="calender"><img src="/assets/img/icons/calender2.svg" alt="" /></span>
|
||||
<span className="pl-8">
|
||||
<span className="day">Day One</span>
|
||||
<span className="date">May 25, 2024</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
<li className="nav-item" onClick={() => handleTab(2)}>
|
||||
<button className={isTab == 2 ? "nav-link active" : "nav-link"} id="pills-profile-tab" data-bs-toggle="pill" data-bs-target="#pills-profile" type="button" role="tab" aria-controls="pills-profile" aria-selected="false">
|
||||
<span className="calender"><img src="/assets/img/icons/calender2.svg" alt="" /></span>
|
||||
<span className="pl-8">
|
||||
<span className="day">Day Two</span>
|
||||
<span className="date">May 26, 2024</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
<li className="nav-item" onClick={() => handleTab(3)}>
|
||||
<button className={isTab == 3 ? "nav-link m-0 active" : "nav-link m-0"} id="pills-contact-tab" data-bs-toggle="pill" data-bs-target="#pills-contact" type="button" role="tab" aria-controls="pills-contact" aria-selected="false">
|
||||
<span className="calender"><img src="/assets/img/icons/calender2.svg" alt="" /> </span>
|
||||
<span className="pl-8">
|
||||
<span className="day">Day Three</span>
|
||||
<span className="date">May 27, 2024</span>
|
||||
</span>
|
||||
</button>
|
||||
</li>
|
||||
</ul>
|
||||
</div> */}
|
||||
<div className="tab-content" id="pills-tabContent">
|
||||
<div className={isTab == 1 ? "tab-pane fade show active" : "tab-pane fade"} id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab" tabIndex={0}>
|
||||
<div className="event-widget-area">
|
||||
<div className="row">
|
||||
<div className="col-lg-12 m-auto">
|
||||
<div className="event2-boxarea box1">
|
||||
<h1 className="active">01</h1>
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-5">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/home/upcoming-events/upcoming-events-1.webp" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-1" />
|
||||
<div className="col-lg-6">
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/clock1.svg" alt="" />5:30 PM - Sun Jan - 14 <span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />180 Schweitzer St, Kitchener, Canada </Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/event-single" className="head">Thai Pongal 2024</Link>
|
||||
<div className="space24" />
|
||||
<p>Holy Family Croatian Roman Catholic Parish Hall</p>
|
||||
<p>Holy Family Croatian Roman Catholic Parish Hall</p>
|
||||
<p>Holy Family Croatian Roman Catholic Parish Hall</p>
|
||||
{/* <div className="author-area">
|
||||
<div className="autho-name-area">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img1.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers">Alex Roberton</Link>
|
||||
<div className="space8" />
|
||||
<p>UI/UX Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="autho-name-area" style={{ padding: '0 0 0 12px', border: 'none' }}>
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img2.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers">Alexys Archer</Link>
|
||||
<div className="space8" />
|
||||
<p>WP Developer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn3"><span className="demo">Online Tickets</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space48" />
|
||||
<div className="row">
|
||||
|
||||
<div className="col-lg-12 m-auto">
|
||||
<div className="event2-boxarea box1">
|
||||
<h1 className="active">02</h1>
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-6">
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/clock1.svg" alt="" />14th April 2024 <span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />Christ Lutheran Church , Waterloo, ON. </Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/event-single" className="head">AGM</Link>
|
||||
<div className="space20" />
|
||||
<p>Holy Family Croatian Roman Catholic Parish Hall</p>
|
||||
<p>Holy Family Croatian Roman Catholic Parish Hall</p>
|
||||
<p>Holy Family Croatian Roman Catholic Parish Hall</p>
|
||||
{/* <div className="space24" />
|
||||
<div className="author-area">
|
||||
<div className="autho-name-area">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img1.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers">Alex Roberton</Link>
|
||||
<div className="space8" />
|
||||
<p>UI/UX Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="autho-name-area" style={{ padding: '0 0 0 12px', border: 'none' }}>
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img2.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers">Alexys Archer</Link>
|
||||
<div className="space8" />
|
||||
<p>WP Developer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn3"><span className="demo">purchase ticket</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space30 d-lg-none d-block" />
|
||||
</div>
|
||||
<div className="col-lg-5">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/home/upcoming-events/upcoming-events-2.webp" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="space30" />
|
||||
<div className="row">
|
||||
|
||||
<div className="col-lg-12 m-auto">
|
||||
<div className="event2-boxarea box1">
|
||||
<h1 className="active">03</h1>
|
||||
<div className="row align-items-center">
|
||||
<div className="col-lg-5">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/home/upcoming-events/upcoming-events-3.webp" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-1" />
|
||||
<div className="col-lg-6">
|
||||
<div className="content-area">
|
||||
<ul>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/clock1.svg" alt="" />22-22rd Jun 2024<span> | </span></Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/#"><img src="/assets/img/icons/location1.svg" alt="" />Indian & Sri Lankan Food Court, Kitchener. </Link>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="space20" />
|
||||
<Link href="/event-single" className="head">KW Multicultural Festival</Link>
|
||||
<div className="space24" />
|
||||
<p>Holy Family Croatian Roman Catholic Parish Hall</p>
|
||||
<p>Holy Family Croatian Roman Catholic Parish Hall</p>
|
||||
<p>Holy Family Croatian Roman Catholic Parish Hall</p>
|
||||
{/* <div className="author-area">
|
||||
<div className="autho-name-area">
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img1.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers">Alex Roberton</Link>
|
||||
<div className="space8" />
|
||||
<p>UI/UX Designer</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="autho-name-area" style={{ padding: '0 0 0 12px', border: 'none' }}>
|
||||
<div className="img1">
|
||||
<img src="/assets/img/all-images/testimonials/testimonial-img2.png" alt="" />
|
||||
</div>
|
||||
<div className="text">
|
||||
<Link href="/speakers">Alexys Archer</Link>
|
||||
<div className="space8" />
|
||||
<p>WP Developer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
<div className="space24" />
|
||||
<div className="btn-area1">
|
||||
<Link href="/pricing-plan" className="vl-btn3"><span className="demo">purchase ticket</span></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className='col-lg-2'>
|
||||
<div className="memory-boxarea pl-3">
|
||||
<div className="img1" data-aos="zoom-in" data-aos-duration={1000} >
|
||||
<img src="https://tamilculturewaterloo.org/wp-content/uploads/2025/06/2025KWFestposter-1-202x300.jpg" alt="" className='mb-3' />
|
||||
<img src="https://tamilculturewaterloo.org/wp-content/uploads/2025/06/2025KWFestposter-1-202x300.jpg" alt="" className='mb-3' />
|
||||
<img src="https://tamilculturewaterloo.org/wp-content/uploads/2025/06/2025KWFestposter-1-202x300.jpg" alt="" />
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user