Revert to version 68d374d
This commit is contained in:
parent
2f880812cd
commit
0014a70620
5
.gitignore
vendored
5
.gitignore
vendored
@ -3,7 +3,4 @@
|
||||
node_modules/
|
||||
*/node_modules/
|
||||
**/node_modules/
|
||||
*/build/
|
||||
**/build/
|
||||
.DS_Store
|
||||
.env
|
||||
*/build/
|
||||
@ -1,6 +1,6 @@
|
||||
|
||||
|
||||
# UI test 1
|
||||
# UI test
|
||||
|
||||
## This project was generated by [Flatlogic Platform](https://flatlogic.com).
|
||||
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -1,4 +1,4 @@
|
||||
#UI test 1 - template backend,
|
||||
#UI test - template backend,
|
||||
|
||||
#### Run App on local machine:
|
||||
|
||||
@ -38,10 +38,10 @@
|
||||
|
||||
- Type this command to creating a new database.
|
||||
|
||||
- `postgres=> CREATE DATABASE db_ui_test_1;`
|
||||
- `postgres=> CREATE DATABASE db_ui_test;`
|
||||
|
||||
- Then give that new user privileges to the new database then quit the `psql`.
|
||||
- `postgres=> GRANT ALL PRIVILEGES ON DATABASE db_ui_test_1 TO admin;`
|
||||
- `postgres=> GRANT ALL PRIVILEGES ON DATABASE db_ui_test TO admin;`
|
||||
- `postgres=> \q`
|
||||
|
||||
---
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "uitest1",
|
||||
"description": "UI test 1 - template backend",
|
||||
"name": "uitest",
|
||||
"description": "UI test - template backend",
|
||||
"scripts": {
|
||||
"start": "npm run db:migrate && npm run db:seed && npm run watch",
|
||||
"db:migrate": "sequelize-cli db:migrate",
|
||||
|
||||
@ -3,7 +3,7 @@ const os = require('os');
|
||||
const config = {
|
||||
gcloud: {
|
||||
bucket: 'fldemo-files',
|
||||
hash: 'afeefb9d49f5b7977577876b99532ac7',
|
||||
hash: '00d74f18e81fa7e5a120d962273bacc3',
|
||||
},
|
||||
bcrypt: {
|
||||
saltRounds: 12,
|
||||
@ -36,7 +36,7 @@ const config = {
|
||||
},
|
||||
uploadDir: os.tmpdir(),
|
||||
email: {
|
||||
from: 'UI test 1 <app@flatlogic.app>',
|
||||
from: 'UI test <app@flatlogic.app>',
|
||||
host: 'email-smtp.us-east-1.amazonaws.com',
|
||||
port: 587,
|
||||
auth: {
|
||||
|
||||
@ -13,7 +13,7 @@ module.exports = {
|
||||
username: 'postgres',
|
||||
dialect: 'postgres',
|
||||
password: '',
|
||||
database: 'db_ui_test_1',
|
||||
database: 'db_ui_test',
|
||||
host: process.env.DB_HOST || 'localhost',
|
||||
logging: console.log,
|
||||
seederStorage: 'sequelize',
|
||||
|
||||
@ -43,6 +43,14 @@ const BudgetsData = [
|
||||
|
||||
// type code here for "relation_one" field
|
||||
},
|
||||
|
||||
{
|
||||
name: 'Fundraiser Budget',
|
||||
|
||||
amount: 25000,
|
||||
|
||||
// type code here for "relation_one" field
|
||||
},
|
||||
];
|
||||
|
||||
const GuestsData = [
|
||||
@ -53,7 +61,7 @@ const GuestsData = [
|
||||
|
||||
is_attending: true,
|
||||
|
||||
meal_preference: 'vegetarian',
|
||||
meal_preference: 'standard',
|
||||
},
|
||||
|
||||
{
|
||||
@ -63,7 +71,7 @@ const GuestsData = [
|
||||
|
||||
is_attending: true,
|
||||
|
||||
meal_preference: 'vegetarian',
|
||||
meal_preference: 'standard',
|
||||
},
|
||||
|
||||
{
|
||||
@ -73,7 +81,7 @@ const GuestsData = [
|
||||
|
||||
is_attending: true,
|
||||
|
||||
meal_preference: 'standard',
|
||||
meal_preference: 'vegetarian',
|
||||
},
|
||||
|
||||
{
|
||||
@ -83,6 +91,16 @@ const GuestsData = [
|
||||
|
||||
is_attending: true,
|
||||
|
||||
meal_preference: 'standard',
|
||||
},
|
||||
|
||||
{
|
||||
name: 'Sarah Davis',
|
||||
|
||||
email: 'sarah.davis@example.com',
|
||||
|
||||
is_attending: false,
|
||||
|
||||
meal_preference: 'vegetarian',
|
||||
},
|
||||
];
|
||||
@ -135,6 +153,18 @@ const SchedulesData = [
|
||||
|
||||
// type code here for "relation_many" field
|
||||
},
|
||||
|
||||
{
|
||||
title: 'Charity Fundraiser',
|
||||
|
||||
start_time: new Date('2023-08-25T19:00:00Z'),
|
||||
|
||||
end_time: new Date('2023-08-25T23:00:00Z'),
|
||||
|
||||
// type code here for "relation_one" field
|
||||
|
||||
// type code here for "relation_many" field
|
||||
},
|
||||
];
|
||||
|
||||
const VendorsData = [
|
||||
@ -143,7 +173,7 @@ const VendorsData = [
|
||||
|
||||
contact_info: 'info@gourmetcatering.com',
|
||||
|
||||
service_type: 'catering',
|
||||
service_type: 'entertainment',
|
||||
|
||||
rating: 4.8,
|
||||
},
|
||||
@ -153,7 +183,7 @@ const VendorsData = [
|
||||
|
||||
contact_info: 'contact@elegantdecor.com',
|
||||
|
||||
service_type: 'decorating',
|
||||
service_type: 'catering',
|
||||
|
||||
rating: 4.5,
|
||||
},
|
||||
@ -163,7 +193,7 @@ const VendorsData = [
|
||||
|
||||
contact_info: 'djbeats@musicmail.com',
|
||||
|
||||
service_type: 'decorating',
|
||||
service_type: 'entertainment',
|
||||
|
||||
rating: 4.7,
|
||||
},
|
||||
@ -173,10 +203,20 @@ const VendorsData = [
|
||||
|
||||
contact_info: 'flowers@floralarrangements.com',
|
||||
|
||||
service_type: 'decorating',
|
||||
service_type: 'catering',
|
||||
|
||||
rating: 4.6,
|
||||
},
|
||||
|
||||
{
|
||||
name: 'Party Planners Ltd.',
|
||||
|
||||
contact_info: 'events@partyplanners.com',
|
||||
|
||||
service_type: 'catering',
|
||||
|
||||
rating: 4.9,
|
||||
},
|
||||
];
|
||||
|
||||
const VenuesData = [
|
||||
@ -189,7 +229,7 @@ const VenuesData = [
|
||||
|
||||
features: 'Stage, AV Equipment, Catering',
|
||||
|
||||
is_booked: false,
|
||||
is_booked: true,
|
||||
},
|
||||
|
||||
{
|
||||
@ -213,7 +253,7 @@ const VenuesData = [
|
||||
|
||||
features: 'Projector, Sound System',
|
||||
|
||||
is_booked: true,
|
||||
is_booked: false,
|
||||
},
|
||||
|
||||
{
|
||||
@ -227,6 +267,18 @@ const VenuesData = [
|
||||
|
||||
is_booked: true,
|
||||
},
|
||||
|
||||
{
|
||||
name: 'Art Gallery',
|
||||
|
||||
location: 'Cultural District',
|
||||
|
||||
capacity: 100,
|
||||
|
||||
features: 'Exhibition Space, Lighting',
|
||||
|
||||
is_booked: false,
|
||||
},
|
||||
];
|
||||
|
||||
// Similar logic for "relation_many"
|
||||
@ -275,6 +327,17 @@ async function associateBudgetWithEvent() {
|
||||
if (Budget3?.setEvent) {
|
||||
await Budget3.setEvent(relatedEvent3);
|
||||
}
|
||||
|
||||
const relatedEvent4 = await Schedules.findOne({
|
||||
offset: Math.floor(Math.random() * (await Schedules.count())),
|
||||
});
|
||||
const Budget4 = await Budgets.findOne({
|
||||
order: [['id', 'ASC']],
|
||||
offset: 4,
|
||||
});
|
||||
if (Budget4?.setEvent) {
|
||||
await Budget4.setEvent(relatedEvent4);
|
||||
}
|
||||
}
|
||||
|
||||
async function associateScheduleWithVenue() {
|
||||
@ -321,6 +384,17 @@ async function associateScheduleWithVenue() {
|
||||
if (Schedule3?.setVenue) {
|
||||
await Schedule3.setVenue(relatedVenue3);
|
||||
}
|
||||
|
||||
const relatedVenue4 = await Venues.findOne({
|
||||
offset: Math.floor(Math.random() * (await Venues.count())),
|
||||
});
|
||||
const Schedule4 = await Schedules.findOne({
|
||||
order: [['id', 'ASC']],
|
||||
offset: 4,
|
||||
});
|
||||
if (Schedule4?.setVenue) {
|
||||
await Schedule4.setVenue(relatedVenue4);
|
||||
}
|
||||
}
|
||||
|
||||
// Similar logic for "relation_many"
|
||||
|
||||
@ -45,9 +45,9 @@ const options = {
|
||||
openapi: '3.0.0',
|
||||
info: {
|
||||
version: '1.0.0',
|
||||
title: 'UI test 1',
|
||||
title: 'UI test',
|
||||
description:
|
||||
'UI test 1 Online REST API for Testing and Prototyping application. You can perform all major operations with your entities - create, delete and etc.',
|
||||
'UI test Online REST API for Testing and Prototyping application. You can perform all major operations with your entities - create, delete and etc.',
|
||||
},
|
||||
servers: [
|
||||
{
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
const errors = {
|
||||
app: {
|
||||
title: 'UI test 1',
|
||||
title: 'UI test',
|
||||
},
|
||||
|
||||
auth: {
|
||||
|
||||
@ -1,14 +0,0 @@
|
||||
steps:
|
||||
- name: 'gcr.io/cloud-builders/docker'
|
||||
entrypoint: 'bash'
|
||||
args: ['-c', 'docker pull gcr.io/fldemo-315215/ui-test-30782-dev:latest || exit 0']
|
||||
- name: 'gcr.io/cloud-builders/docker'
|
||||
args: [
|
||||
'build',
|
||||
'-t', 'gcr.io/fldemo-315215/ui-test-30782-dev:latest',
|
||||
'--file', 'Dockerfile.dev',
|
||||
'--cache-from', 'gcr.io/fldemo-315215/ui-test-30782-dev:latest',
|
||||
'.'
|
||||
]
|
||||
images: ['gcr.io/fldemo-315215/ui-test-30782-dev:latest']
|
||||
logsBucket: 'gs://fldemo-315215-cloudbuild-logs'
|
||||
@ -15,7 +15,7 @@ services:
|
||||
- ./data/db:/var/lib/postgresql/data
|
||||
environment:
|
||||
- POSTGRES_HOST_AUTH_METHOD=trust
|
||||
- POSTGRES_DB=db_ui_test_1
|
||||
- POSTGRES_DB=db_ui_test
|
||||
ports:
|
||||
- "5432:5432"
|
||||
backend:
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
# UI test 1
|
||||
# UI test
|
||||
|
||||
## This project was generated by Flatlogic Platform.
|
||||
|
||||
|
||||
@ -1 +0,0 @@
|
||||
{}
|
||||
2
frontend/next-env.d.ts
vendored
2
frontend/next-env.d.ts
vendored
@ -2,4 +2,4 @@
|
||||
/// <reference types="next/image-types/global" />
|
||||
|
||||
// NOTE: This file should not be edited
|
||||
// see https://nextjs.org/docs/pages/building-your-application/configuring/typescript for more information.
|
||||
// see https://nextjs.org/docs/basic-features/typescript for more information.
|
||||
|
||||
@ -44,7 +44,7 @@ export default function AsideMenuLayer({
|
||||
>
|
||||
<div className='text-center flex-1 lg:text-left lg:pl-6 xl:text-center xl:pl-0'>
|
||||
<Link href={'/home'}>
|
||||
<b className='font-black'>UI test 1</b>
|
||||
<b className='font-black'>UI test</b>
|
||||
</Link>
|
||||
</div>
|
||||
<button
|
||||
|
||||
@ -20,7 +20,7 @@ export default function WebSiteFooter({
|
||||
|
||||
const style = FooterStyle.WITH_PROJECT_NAME;
|
||||
|
||||
const design = FooterDesigns.DESIGN_DIVERSITY;
|
||||
const design = FooterDesigns.DEFAULT_DESIGN;
|
||||
|
||||
return (
|
||||
<div
|
||||
|
||||
@ -1,5 +1,3 @@
|
||||
body { font-family: "Verdana", serif; }
|
||||
|
||||
.theme-pink {
|
||||
.app-sidebar {
|
||||
@apply bg-pavitra-900 text-white;
|
||||
@ -105,10 +103,3 @@ body { font-family: "Verdana", serif; }
|
||||
@apply text-pavitra-800;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Dark theme styles for widget charts */
|
||||
.dark .widget-chart {
|
||||
background-color: #21242A;
|
||||
color: #CBD5E1;
|
||||
}
|
||||
|
||||
@ -19,7 +19,7 @@ const menuAside: MenuAsideItem[] = [
|
||||
{
|
||||
href: '/budgets/budgets-list',
|
||||
label: 'Budgets',
|
||||
label: 'Budget',
|
||||
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
||||
// @ts-ignore
|
||||
icon: icon.mdiCurrencyUsd ? icon.mdiCurrencyUsd : icon.mdiTable,
|
||||
permissions: 'READ_BUDGETS',
|
||||
@ -32,6 +32,14 @@ label: 'Budget',
|
||||
icon: icon.mdiAccountGroup ? icon.mdiAccountGroup : icon.mdiTable,
|
||||
permissions: 'READ_GUESTS',
|
||||
},
|
||||
{
|
||||
href: '/schedules/schedules-list',
|
||||
label: 'Schedules',
|
||||
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
||||
// @ts-ignore
|
||||
icon: icon.mdiCalendar ? icon.mdiCalendar : icon.mdiTable,
|
||||
permissions: 'READ_SCHEDULES',
|
||||
},
|
||||
{
|
||||
href: '/vendors/vendors-list',
|
||||
label: 'Vendors',
|
||||
|
||||
@ -71,9 +71,9 @@ function MyApp({ Component, pageProps }: AppPropsWithLayout) {
|
||||
}
|
||||
}, []);
|
||||
|
||||
const title = 'UI test 1';
|
||||
const title = 'UI test';
|
||||
|
||||
const description = 'UI test 1 generated by Flatlogic';
|
||||
const description = 'UI test generated by Flatlogic';
|
||||
|
||||
const url = 'https://flatlogic.com/';
|
||||
|
||||
|
||||
@ -76,7 +76,7 @@ const EditBudgets = () => {
|
||||
return (
|
||||
<>
|
||||
<Head>
|
||||
<title>{getPageTitle('Edit budget')}</title>
|
||||
<title>{getPageTitle('Edit budgets')}</title>
|
||||
</Head>
|
||||
<SectionMain>
|
||||
<SectionTitleLineWithButton
|
||||
|
||||
@ -83,12 +83,12 @@ const BudgetsTablesPage = () => {
|
||||
return (
|
||||
<>
|
||||
<Head>
|
||||
<title>{getPageTitle('Budget')}</title>
|
||||
<title>{getPageTitle('Budgets')}</title>
|
||||
</Head>
|
||||
<SectionMain>
|
||||
<SectionTitleLineWithButton
|
||||
icon={mdiChartTimelineVariant}
|
||||
title='Budget'
|
||||
title='Budgets'
|
||||
main
|
||||
>
|
||||
{''}
|
||||
|
||||
@ -147,7 +147,16 @@ const Dashboard = () => {
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Widgets section removed */}
|
||||
{rolesWidgets &&
|
||||
rolesWidgets.map((widget) => (
|
||||
<SmartWidget
|
||||
key={widget.id}
|
||||
userId={currentUser?.id}
|
||||
widget={widget}
|
||||
roleId={widgetsRole?.role?.value || ''}
|
||||
admin={hasPermission(currentUser, 'CREATE_ROLES')}
|
||||
/>
|
||||
))}
|
||||
</div>
|
||||
|
||||
{!!rolesWidgets.length && <hr className='my-6 ' />}
|
||||
@ -198,7 +207,7 @@ const Dashboard = () => {
|
||||
<div className='flex justify-between align-center'>
|
||||
<div>
|
||||
<div className='text-lg leading-tight text-gray-500 dark:text-gray-400'>
|
||||
Budget
|
||||
Budgets
|
||||
</div>
|
||||
<div className='text-3xl leading-tight font-semibold'>
|
||||
{budgets}
|
||||
|
||||
@ -27,7 +27,7 @@ import ContactFormSection from '../components/WebPageComponents/ContactFormCompo
|
||||
export default function WebSite() {
|
||||
const cardsStyle = useAppSelector((state) => state.style.cardsStyle);
|
||||
const bgColor = useAppSelector((state) => state.style.bgLayoutColor);
|
||||
const projectName = 'UI test 1';
|
||||
const projectName = 'UI test';
|
||||
|
||||
useEffect(() => {
|
||||
const darkElement = document.querySelector('body .dark');
|
||||
@ -182,10 +182,10 @@ export default function WebSite() {
|
||||
content={`Discover our comprehensive event management app designed to streamline your planning process. From venues to vendors, schedules to budgets, manage every aspect of your event effortlessly.`}
|
||||
/>
|
||||
</Head>
|
||||
<WebSiteHeader projectName={'UI test 1'} pages={pages} />
|
||||
<WebSiteHeader projectName={'UI test'} pages={pages} />
|
||||
<main className={`flex-grow bg-white rounded-none `}>
|
||||
<HeroSection
|
||||
projectName={'UI test 1'}
|
||||
projectName={'UI test'}
|
||||
image={['Event planning dashboard overview']}
|
||||
mainText={`Effortless Event Management with ${projectName}`}
|
||||
subTitle={`Streamline your event planning with ${projectName}. Manage venues, vendors, schedules, and budgets all in one place for a seamless experience.`}
|
||||
@ -194,7 +194,7 @@ export default function WebSite() {
|
||||
/>
|
||||
|
||||
<FeaturesSection
|
||||
projectName={'UI test 1'}
|
||||
projectName={'UI test'}
|
||||
image={['Event management tools overview']}
|
||||
withBg={0}
|
||||
features={features_points}
|
||||
@ -204,28 +204,28 @@ export default function WebSite() {
|
||||
/>
|
||||
|
||||
<TestimonialsSection
|
||||
projectName={'UI test 1'}
|
||||
projectName={'UI test'}
|
||||
design={TestimonialsDesigns.MULTI_CARD_DISPLAY || ''}
|
||||
testimonials={testimonials}
|
||||
mainText={`What Our Users Say About ${projectName} `}
|
||||
/>
|
||||
|
||||
<PricingSection
|
||||
projectName={'UI test 1'}
|
||||
withBg={0}
|
||||
projectName={'UI test'}
|
||||
withBg={1}
|
||||
features={pricing_features}
|
||||
description={description}
|
||||
/>
|
||||
|
||||
<ContactFormSection
|
||||
projectName={'UI test 1'}
|
||||
projectName={'UI test'}
|
||||
design={ContactFormDesigns.WITH_IMAGE || ''}
|
||||
image={['Contact form with email icon']}
|
||||
mainText={`Get in Touch with ${projectName} `}
|
||||
subTitle={`Reach out to us anytime for inquiries or support. Our team at ${projectName} is here to assist you promptly.`}
|
||||
/>
|
||||
</main>
|
||||
<WebSiteFooter projectName={'UI test 1'} pages={pages} />
|
||||
<WebSiteFooter projectName={'UI test'} pages={pages} />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
@ -50,7 +50,7 @@ export default function Login() {
|
||||
remember: true,
|
||||
});
|
||||
|
||||
const title = 'UI test 1';
|
||||
const title = 'UI test';
|
||||
|
||||
// Fetch Pexels image/video
|
||||
useEffect(() => {
|
||||
|
||||
@ -5,7 +5,7 @@ import LayoutGuest from '../layouts/Guest';
|
||||
import { getPageTitle } from '../config';
|
||||
|
||||
export default function PrivacyPolicy() {
|
||||
const title = 'UI test 1';
|
||||
const title = 'UI test';
|
||||
const [projectUrl, setProjectUrl] = useState('');
|
||||
|
||||
useEffect(() => {
|
||||
|
||||
@ -5,7 +5,7 @@ import LayoutGuest from '../layouts/Guest';
|
||||
import { getPageTitle } from '../config';
|
||||
|
||||
export default function PrivacyPolicy() {
|
||||
const title = 'UI test 1';
|
||||
const title = 'UI test';
|
||||
const [projectUrl, setProjectUrl] = useState('');
|
||||
|
||||
useEffect(() => {
|
||||
|
||||
@ -18,7 +18,7 @@ import ContactFormSection from '../../components/WebPageComponents/ContactFormCo
|
||||
export default function WebSite() {
|
||||
const cardsStyle = useAppSelector((state) => state.style.cardsStyle);
|
||||
const bgColor = useAppSelector((state) => state.style.bgLayoutColor);
|
||||
const projectName = 'UI test 1';
|
||||
const projectName = 'UI test';
|
||||
|
||||
useEffect(() => {
|
||||
const darkElement = document.querySelector('body .dark');
|
||||
@ -62,10 +62,10 @@ export default function WebSite() {
|
||||
content={`Reach out to ${projectName} for any inquiries or support. Our team is here to assist you with all your event management needs.`}
|
||||
/>
|
||||
</Head>
|
||||
<WebSiteHeader projectName={'UI test 1'} pages={pages} />
|
||||
<WebSiteHeader projectName={'UI test'} pages={pages} />
|
||||
<main className={`flex-grow bg-white rounded-none `}>
|
||||
<HeroSection
|
||||
projectName={'UI test 1'}
|
||||
projectName={'UI test'}
|
||||
image={['Customer support team ready']}
|
||||
mainText={`Connect with ${projectName} Today`}
|
||||
subTitle={`We're here to help with any questions or support you need. Reach out to ${projectName} and let us assist you in making your event a success.`}
|
||||
@ -74,14 +74,14 @@ export default function WebSite() {
|
||||
/>
|
||||
|
||||
<ContactFormSection
|
||||
projectName={'UI test 1'}
|
||||
projectName={'UI test'}
|
||||
design={ContactFormDesigns.SIMPLE_CLEAN || ''}
|
||||
image={['Email communication illustration']}
|
||||
mainText={`Reach Out to ${projectName} `}
|
||||
subTitle={`Have questions or need support? Contact us anytime, and our team at ${projectName} will respond promptly to assist you.`}
|
||||
/>
|
||||
</main>
|
||||
<WebSiteFooter projectName={'UI test 1'} pages={pages} />
|
||||
<WebSiteFooter projectName={'UI test'} pages={pages} />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
@ -18,7 +18,7 @@ import FaqSection from '../../components/WebPageComponents/FaqComponent';
|
||||
export default function WebSite() {
|
||||
const cardsStyle = useAppSelector((state) => state.style.cardsStyle);
|
||||
const bgColor = useAppSelector((state) => state.style.bgLayoutColor);
|
||||
const projectName = 'UI test 1';
|
||||
const projectName = 'UI test';
|
||||
|
||||
useEffect(() => {
|
||||
const darkElement = document.querySelector('body .dark');
|
||||
@ -101,10 +101,10 @@ export default function WebSite() {
|
||||
content={`Find answers to common questions about ${projectName}. Learn more about our features, pricing, and how we can help streamline your event management.`}
|
||||
/>
|
||||
</Head>
|
||||
<WebSiteHeader projectName={'UI test 1'} pages={pages} />
|
||||
<WebSiteHeader projectName={'UI test'} pages={pages} />
|
||||
<main className={`flex-grow bg-white rounded-none `}>
|
||||
<HeroSection
|
||||
projectName={'UI test 1'}
|
||||
projectName={'UI test'}
|
||||
image={['FAQ section with question marks']}
|
||||
mainText={`Your Questions Answered with ${projectName}`}
|
||||
subTitle={`Explore our comprehensive FAQ section to find answers to your questions about ${projectName}. Learn how our features can simplify your event management.`}
|
||||
@ -113,13 +113,13 @@ export default function WebSite() {
|
||||
/>
|
||||
|
||||
<FaqSection
|
||||
projectName={'UI test 1'}
|
||||
projectName={'UI test'}
|
||||
design={FaqDesigns.ACCORDION || ''}
|
||||
faqs={faqs}
|
||||
mainText={`Frequently Asked Questions About ${projectName} `}
|
||||
/>
|
||||
</main>
|
||||
<WebSiteFooter projectName={'UI test 1'} pages={pages} />
|
||||
<WebSiteFooter projectName={'UI test'} pages={pages} />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
@ -27,7 +27,7 @@ import ContactFormSection from '../../components/WebPageComponents/ContactFormCo
|
||||
export default function WebSite() {
|
||||
const cardsStyle = useAppSelector((state) => state.style.cardsStyle);
|
||||
const bgColor = useAppSelector((state) => state.style.bgLayoutColor);
|
||||
const projectName = 'UI test 1';
|
||||
const projectName = 'UI test';
|
||||
|
||||
useEffect(() => {
|
||||
const darkElement = document.querySelector('body .dark');
|
||||
@ -182,10 +182,10 @@ export default function WebSite() {
|
||||
content={`Discover our comprehensive event management app designed to streamline your planning process. From venues to vendors, schedules to budgets, manage every aspect of your event effortlessly.`}
|
||||
/>
|
||||
</Head>
|
||||
<WebSiteHeader projectName={'UI test 1'} pages={pages} />
|
||||
<WebSiteHeader projectName={'UI test'} pages={pages} />
|
||||
<main className={`flex-grow bg-white rounded-none `}>
|
||||
<HeroSection
|
||||
projectName={'UI test 1'}
|
||||
projectName={'UI test'}
|
||||
image={['Event planning dashboard overview']}
|
||||
mainText={`Effortless Event Management with ${projectName}`}
|
||||
subTitle={`Streamline your event planning with ${projectName}. Manage venues, vendors, schedules, and budgets all in one place for a seamless experience.`}
|
||||
@ -194,9 +194,9 @@ export default function WebSite() {
|
||||
/>
|
||||
|
||||
<FeaturesSection
|
||||
projectName={'UI test 1'}
|
||||
projectName={'UI test'}
|
||||
image={['Event management tools overview']}
|
||||
withBg={0}
|
||||
withBg={1}
|
||||
features={features_points}
|
||||
mainText={`Discover ${projectName}'s Key Features`}
|
||||
subTitle={`Explore how ${projectName} simplifies event management with its powerful features, ensuring a seamless planning experience.`}
|
||||
@ -204,28 +204,28 @@ export default function WebSite() {
|
||||
/>
|
||||
|
||||
<TestimonialsSection
|
||||
projectName={'UI test 1'}
|
||||
projectName={'UI test'}
|
||||
design={TestimonialsDesigns.MULTI_CARD_DISPLAY || ''}
|
||||
testimonials={testimonials}
|
||||
mainText={`What Our Users Say About ${projectName} `}
|
||||
/>
|
||||
|
||||
<PricingSection
|
||||
projectName={'UI test 1'}
|
||||
withBg={0}
|
||||
projectName={'UI test'}
|
||||
withBg={1}
|
||||
features={pricing_features}
|
||||
description={description}
|
||||
/>
|
||||
|
||||
<ContactFormSection
|
||||
projectName={'UI test 1'}
|
||||
projectName={'UI test'}
|
||||
design={ContactFormDesigns.WITH_IMAGE || ''}
|
||||
image={['Contact form with email icon']}
|
||||
mainText={`Get in Touch with ${projectName} `}
|
||||
subTitle={`Reach out to us anytime for inquiries or support. Our team at ${projectName} is here to assist you promptly.`}
|
||||
/>
|
||||
</main>
|
||||
<WebSiteFooter projectName={'UI test 1'} pages={pages} />
|
||||
<WebSiteFooter projectName={'UI test'} pages={pages} />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
@ -21,7 +21,7 @@ import FaqSection from '../../components/WebPageComponents/FaqComponent';
|
||||
export default function WebSite() {
|
||||
const cardsStyle = useAppSelector((state) => state.style.cardsStyle);
|
||||
const bgColor = useAppSelector((state) => state.style.bgLayoutColor);
|
||||
const projectName = 'UI test 1';
|
||||
const projectName = 'UI test';
|
||||
|
||||
useEffect(() => {
|
||||
const darkElement = document.querySelector('body .dark');
|
||||
@ -142,10 +142,10 @@ export default function WebSite() {
|
||||
content={`Explore the flexible pricing plans offered by ${projectName}. Find the perfect plan that suits your event management needs and budget.`}
|
||||
/>
|
||||
</Head>
|
||||
<WebSiteHeader projectName={'UI test 1'} pages={pages} />
|
||||
<WebSiteHeader projectName={'UI test'} pages={pages} />
|
||||
<main className={`flex-grow bg-white rounded-none `}>
|
||||
<HeroSection
|
||||
projectName={'UI test 1'}
|
||||
projectName={'UI test'}
|
||||
image={['Pricing plans comparison chart']}
|
||||
mainText={`Flexible Pricing for ${projectName} Plans`}
|
||||
subTitle={`Discover the perfect plan for your event management needs with ${projectName}. Choose from our flexible pricing options to find the best fit for your budget and requirements.`}
|
||||
@ -154,20 +154,20 @@ export default function WebSite() {
|
||||
/>
|
||||
|
||||
<PricingSection
|
||||
projectName={'UI test 1'}
|
||||
withBg={1}
|
||||
projectName={'UI test'}
|
||||
withBg={0}
|
||||
features={pricing_features}
|
||||
description={description}
|
||||
/>
|
||||
|
||||
<FaqSection
|
||||
projectName={'UI test 1'}
|
||||
projectName={'UI test'}
|
||||
design={FaqDesigns.TWO_COLUMN || ''}
|
||||
faqs={faqs}
|
||||
mainText={`Common Questions About ${projectName} Pricing `}
|
||||
/>
|
||||
</main>
|
||||
<WebSiteFooter projectName={'UI test 1'} pages={pages} />
|
||||
<WebSiteFooter projectName={'UI test'} pages={pages} />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
@ -24,7 +24,7 @@ import PricingSection from '../../components/WebPageComponents/PricingComponent'
|
||||
export default function WebSite() {
|
||||
const cardsStyle = useAppSelector((state) => state.style.cardsStyle);
|
||||
const bgColor = useAppSelector((state) => state.style.bgLayoutColor);
|
||||
const projectName = 'UI test 1';
|
||||
const projectName = 'UI test';
|
||||
|
||||
useEffect(() => {
|
||||
const darkElement = document.querySelector('body .dark');
|
||||
@ -146,10 +146,10 @@ export default function WebSite() {
|
||||
content={`Explore the range of services offered by our event management app. From venue selection to budget management, discover how we can make your event planning seamless and efficient.`}
|
||||
/>
|
||||
</Head>
|
||||
<WebSiteHeader projectName={'UI test 1'} pages={pages} />
|
||||
<WebSiteHeader projectName={'UI test'} pages={pages} />
|
||||
<main className={`flex-grow bg-white rounded-none `}>
|
||||
<HeroSection
|
||||
projectName={'UI test 1'}
|
||||
projectName={'UI test'}
|
||||
image={['Event planning tools and services']}
|
||||
mainText={`Transform Your Events with ${projectName}`}
|
||||
subTitle={`Discover the comprehensive services offered by ${projectName} to streamline your event planning. From venue selection to budget management, we provide everything you need for a successful event.`}
|
||||
@ -158,7 +158,7 @@ export default function WebSite() {
|
||||
/>
|
||||
|
||||
<FeaturesSection
|
||||
projectName={'UI test 1'}
|
||||
projectName={'UI test'}
|
||||
image={['Event management service features']}
|
||||
withBg={1}
|
||||
features={features_points}
|
||||
@ -168,21 +168,21 @@ export default function WebSite() {
|
||||
/>
|
||||
|
||||
<PricingSection
|
||||
projectName={'UI test 1'}
|
||||
withBg={1}
|
||||
projectName={'UI test'}
|
||||
withBg={0}
|
||||
features={pricing_features}
|
||||
description={description}
|
||||
/>
|
||||
|
||||
<ContactFormSection
|
||||
projectName={'UI test 1'}
|
||||
projectName={'UI test'}
|
||||
design={ContactFormDesigns.HIGHLIGHTED || ''}
|
||||
image={['Contact form with email icon']}
|
||||
mainText={`Connect with ${projectName} Today `}
|
||||
subTitle={`Have questions or need assistance? Reach out to us anytime, and our team at ${projectName} will respond promptly to your inquiries.`}
|
||||
/>
|
||||
</main>
|
||||
<WebSiteFooter projectName={'UI test 1'} pages={pages} />
|
||||
<WebSiteFooter projectName={'UI test'} pages={pages} />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
@ -1,107 +0,0 @@
|
||||
/* eslint-env node */
|
||||
darkMode: 'class',
|
||||
/* eslint-disable-next-line */
|
||||
const plugin = require('tailwindcss/plugin');
|
||||
|
||||
module.exports = {
|
||||
content: ['./src/**/*.{js,ts,jsx,tsx}'],
|
||||
darkMode: 'class', // or 'media' or 'class'
|
||||
theme: {
|
||||
asideScrollbars: {
|
||||
light: 'light',
|
||||
gray: 'gray',
|
||||
},
|
||||
extend: {
|
||||
zIndex: {
|
||||
'-1': '-1',
|
||||
},
|
||||
flexGrow: {
|
||||
5: '5',
|
||||
},
|
||||
maxHeight: {
|
||||
'screen-menu': 'calc(100vh - 3.5rem)',
|
||||
modal: 'calc(100vh - 160px)',
|
||||
},
|
||||
transitionProperty: {
|
||||
position: 'right, left, top, bottom, margin, padding',
|
||||
textColor: 'color',
|
||||
},
|
||||
keyframes: {
|
||||
'fade-out': {
|
||||
from: { opacity: 1 },
|
||||
to: { opacity: 0 },
|
||||
},
|
||||
'fade-in': {
|
||||
from: { opacity: 0 },
|
||||
to: { opacity: 1 },
|
||||
},
|
||||
},
|
||||
animation: {
|
||||
'fade-out': 'fade-out 250ms ease-in-out',
|
||||
'fade-in': 'fade-in 250ms ease-in-out',
|
||||
},
|
||||
colors: {
|
||||
dark: {
|
||||
900: '#131618',
|
||||
800: '#21242A',
|
||||
700: '#2C2F36',
|
||||
600: '#9CA3AF',
|
||||
500: '#CBD5E1',
|
||||
},
|
||||
green: {
|
||||
text: '#45B26B',
|
||||
},
|
||||
pavitra: {
|
||||
blue: '#0162FD',
|
||||
green: '#00B448',
|
||||
orange: '#FFAA00',
|
||||
red: '#F20041',
|
||||
900: '#14142A',
|
||||
800: '#4E4B66',
|
||||
700: '#6E7191',
|
||||
600: '#A0A3BD',
|
||||
500: '#D9DBE9',
|
||||
400: '#EFF0F6',
|
||||
300: '#F7F7FC',
|
||||
},
|
||||
},
|
||||
borderRadius: {
|
||||
'3xl': '2rem',
|
||||
},
|
||||
},
|
||||
},
|
||||
plugins: [
|
||||
require('@tailwindcss/forms'),
|
||||
require('@tailwindcss/typography'),
|
||||
plugin(function ({ matchUtilities, theme }) {
|
||||
matchUtilities(
|
||||
{
|
||||
'aside-scrollbars': (value) => {
|
||||
const track = value === 'light' ? '100' : '900';
|
||||
const thumb = value === 'light' ? '300' : '600';
|
||||
const color = value === 'light' ? 'gray' : value;
|
||||
|
||||
return {
|
||||
scrollbarWidth: 'thin',
|
||||
scrollbarColor: `${theme(`colors.${color}.${thumb}`)} ${theme(
|
||||
`colors.${color}.${track}`,
|
||||
)}`,
|
||||
'&::-webkit-scrollbar': {
|
||||
width: '8px',
|
||||
height: '8px',
|
||||
},
|
||||
'&::-webkit-scrollbar-track': {
|
||||
backgroundColor: theme(`colors.${color}.${track}`),
|
||||
},
|
||||
'&::-webkit-scrollbar-thumb': {
|
||||
borderRadius: '0.25rem',
|
||||
backgroundColor: theme(`colors.${color}.${thumb}`),
|
||||
},
|
||||
};
|
||||
},
|
||||
},
|
||||
{ values: theme('asideScrollbars') },
|
||||
);
|
||||
}),
|
||||
],
|
||||
};
|
||||
@ -1 +0,0 @@
|
||||
4
|
||||
@ -1 +0,0 @@
|
||||
3
|
||||
Loading…
x
Reference in New Issue
Block a user