V2
This commit is contained in:
Flatlogic Bot
parent
fca5db65ae
commit
ad85f8cd18
File diff suppressed because one or more lines are too long
@ -28,6 +28,14 @@ export default function WebSite() {
|
|||||||
const cardsStyle = useAppSelector((state) => state.style.cardsStyle);
|
const cardsStyle = useAppSelector((state) => state.style.cardsStyle);
|
||||||
const bgColor = useAppSelector((state) => state.style.bgLayoutColor);
|
const bgColor = useAppSelector((state) => state.style.bgLayoutColor);
|
||||||
const projectName = 'Create a website for secod marriage for lady gents';
|
const projectName = 'Create a website for secod marriage for lady gents';
|
||||||
|
const [demoProfiles, setDemoProfiles] = useState([]);
|
||||||
|
useEffect(() => {
|
||||||
|
fetch('/api/profiles')
|
||||||
|
.then(res => res.json())
|
||||||
|
.then(data => setDemoProfiles(data))
|
||||||
|
.catch(err => console.error(err));
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
const darkElement = document.querySelector('body .dark');
|
const darkElement = document.querySelector('body .dark');
|
||||||
|
|||||||
208
frontend/src/pages/web_pages/home.tsx.temp
Normal file
208
frontend/src/pages/web_pages/home.tsx.temp
Normal file
@ -0,0 +1,208 @@
|
|||||||
|
import React, { useEffect, useState } from 'react';
|
||||||
|
import type { ReactElement } from 'react';
|
||||||
|
import Head from 'next/head';
|
||||||
|
import Link from 'next/link';
|
||||||
|
import { useAppSelector } from '../../stores/hooks';
|
||||||
|
import LayoutGuest from '../../layouts/Guest';
|
||||||
|
import WebSiteHeader from '../../components/WebPageComponents/Header';
|
||||||
|
import WebSiteFooter from '../../components/WebPageComponents/Footer';
|
||||||
|
import {
|
||||||
|
HeroDesigns,
|
||||||
|
AboutUsDesigns,
|
||||||
|
FeaturesDesigns,
|
||||||
|
TestimonialsDesigns,
|
||||||
|
ContactFormDesigns,
|
||||||
|
} from '../../components/WebPageComponents/designs';
|
||||||
|
|
||||||
|
import HeroSection from '../../components/WebPageComponents/HeroComponent';
|
||||||
|
|
||||||
|
import AboutUsSection from '../../components/WebPageComponents/AboutUsComponent';
|
||||||
|
|
||||||
|
import FeaturesSection from '../../components/WebPageComponents/FeaturesComponent';
|
||||||
|
|
||||||
|
import TestimonialsSection from '../../components/WebPageComponents/TestimonialsComponent';
|
||||||
|
|
||||||
|
import ContactFormSection from '../../components/WebPageComponents/ContactFormComponent';
|
||||||
|
|
||||||
|
export default function WebSite() {
|
||||||
|
const cardsStyle = useAppSelector((state) => state.style.cardsStyle);
|
||||||
|
const bgColor = useAppSelector((state) => state.style.bgLayoutColor);
|
||||||
|
const projectName = 'Create a website for secod marriage for lady gents';
|
||||||
|
const [demoProfiles, setDemoProfiles] = useState([]);
|
||||||
|
useEffect(() => {
|
||||||
|
fetch('/api/profiles')
|
||||||
|
.then(res => res.json())
|
||||||
|
.then(data => setDemoProfiles(data))
|
||||||
|
.catch(err => console.error(err));
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
const darkElement = document.querySelector('body .dark');
|
||||||
|
if (darkElement) {
|
||||||
|
darkElement.classList.remove('dark');
|
||||||
|
}
|
||||||
|
}, []);
|
||||||
|
const pages = [
|
||||||
|
{
|
||||||
|
href: '/home',
|
||||||
|
label: 'home',
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
href: '/about',
|
||||||
|
label: 'about',
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
href: '/contact',
|
||||||
|
label: 'contact',
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
href: '/pricing',
|
||||||
|
label: 'pricing',
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
href: '/faq',
|
||||||
|
label: 'FAQ',
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
const features_points = [
|
||||||
|
{
|
||||||
|
name: 'Profile Verification',
|
||||||
|
description:
|
||||||
|
'Ensure authenticity with our thorough profile verification process, giving you peace of mind when connecting with potential partners.',
|
||||||
|
icon: 'mdiShieldCheck',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'Secure Messaging',
|
||||||
|
description:
|
||||||
|
'Communicate safely with our secure messaging system, designed to protect your privacy while you get to know your match.',
|
||||||
|
icon: 'mdiMessageLock',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'Easy Scheduling',
|
||||||
|
description:
|
||||||
|
'Effortlessly schedule meetups at convenient locations, making it simple to take the next step in your journey to love.',
|
||||||
|
icon: 'mdiCalendarCheck',
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
const testimonials = [
|
||||||
|
{
|
||||||
|
text: 'SecondMarriageMatch gave me the confidence to find love again. The platform is user-friendly and secure, making my journey enjoyable.',
|
||||||
|
company: 'LoveRekindled Inc.',
|
||||||
|
user_name: 'Emily Johnson, Relationship Coach',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
text: "I was hesitant at first, but SecondMarriageMatch made it easy to connect with genuine people. I've found my perfect match!",
|
||||||
|
company: 'Heartfelt Connections Ltd.',
|
||||||
|
user_name: 'Michael Smith, Marketing Director',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
text: "The verification process gave me peace of mind. I met someone special, and we're planning our future together!",
|
||||||
|
company: 'New Beginnings Co.',
|
||||||
|
user_name: 'Sarah Lee, HR Manager',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
text: 'Thanks to SecondMarriageMatch, I found someone who truly understands me. The features are fantastic and easy to use.',
|
||||||
|
company: 'Soulmates United LLC',
|
||||||
|
user_name: 'David Brown, Software Engineer',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
text: 'I appreciate the secure messaging feature. It allowed me to communicate comfortably and build a meaningful connection.',
|
||||||
|
company: 'Trustworthy Matches Corp.',
|
||||||
|
user_name: 'Jessica White, Customer Service Rep',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
text: "Scheduling meetups was a breeze. SecondMarriageMatch made it possible for me to find love again, and I'm forever grateful.",
|
||||||
|
company: "Love's Journey Ltd.",
|
||||||
|
user_name: 'Robert Green, Financial Analyst',
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className='flex flex-col min-h-screen'>
|
||||||
|
<Head>
|
||||||
|
<title>{`Find Your Second Chance at Love | SecondMarriageMatch`}</title>
|
||||||
|
<meta
|
||||||
|
name='description'
|
||||||
|
content={`Discover meaningful connections with SecondMarriageMatch, the premier platform for divorced and widowed individuals seeking a second marriage. Browse profiles, schedule meetups, and find your perfect match today.`}
|
||||||
|
/>
|
||||||
|
</Head>
|
||||||
|
<WebSiteHeader
|
||||||
|
projectName={'Create a website for secod marriage for lady gents'}
|
||||||
|
pages={pages}
|
||||||
|
/>
|
||||||
|
<main
|
||||||
|
className={`flex-grow bg-skyBlueTheme-websiteBG rounded-none `}
|
||||||
|
|
||||||
|
{/* Demo Profiles Section */}
|
||||||
|
<div className="overflow-x-scroll flex space-x-4 p-4 bg-white">
|
||||||
|
{demoProfiles.map((profile: any) => (
|
||||||
|
<div key={profile.id || profile.name} className="min-w-[200px] bg-gray-100 p-4 rounded shadow">
|
||||||
|
<img src={profile.photo} alt={profile.name} className="w-full h-40 object-cover rounded mb-2" />
|
||||||
|
<h3 className="text-lg font-bold">{profile.name}</h3>
|
||||||
|
<p className="text-sm text-gray-700">{profile.hobbies}</p>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
>
|
||||||
|
<HeroSection
|
||||||
|
projectName={'Create a website for secod marriage for lady gents'}
|
||||||
|
image={['Couple meeting at a cafe']}
|
||||||
|
mainText={`Find Love Again with SecondMarriageMatch`}
|
||||||
|
subTitle={`Welcome to SecondMarriageMatch, where divorced and widowed individuals find meaningful connections. Explore profiles, schedule meetups, and embrace your second chance at love.`}
|
||||||
|
design={HeroDesigns.IMAGE_RIGHT || ''}
|
||||||
|
buttonText={`Start Your Journey`}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<AboutUsSection
|
||||||
|
projectName={'Create a website for secod marriage for lady gents'}
|
||||||
|
image={['Couple walking hand in hand']}
|
||||||
|
mainText={`Empowering Second Chances with SecondMarriageMatch`}
|
||||||
|
subTitle={`At SecondMarriageMatch, we believe in the power of love and new beginnings. Our platform is dedicated to helping divorced and widowed individuals find meaningful connections and embrace their second chance at happiness.`}
|
||||||
|
design={AboutUsDesigns.IMAGE_LEFT || ''}
|
||||||
|
buttonText={`Learn More About Us`}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<FeaturesSection
|
||||||
|
projectName={'Create a website for secod marriage for lady gents'}
|
||||||
|
image={['User-friendly interface on screen']}
|
||||||
|
withBg={1}
|
||||||
|
features={features_points}
|
||||||
|
mainText={`Discover Key Features of SecondMarriageMatch`}
|
||||||
|
subTitle={`Explore the unique features of SecondMarriageMatch that make finding your second chance at love seamless and enjoyable.`}
|
||||||
|
design={FeaturesDesigns.CARDS_GRID_WITH_ICONS || ''}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<TestimonialsSection
|
||||||
|
projectName={'Create a website for secod marriage for lady gents'}
|
||||||
|
design={TestimonialsDesigns.MULTI_CARD_DISPLAY || ''}
|
||||||
|
testimonials={testimonials}
|
||||||
|
mainText={`Hear from Our Happy Users at SecondMarriageMatch `}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<ContactFormSection
|
||||||
|
projectName={'Create a website for secod marriage for lady gents'}
|
||||||
|
design={ContactFormDesigns.WITH_IMAGE || ''}
|
||||||
|
image={['Person typing on a laptop']}
|
||||||
|
mainText={`Get in Touch with SecondMarriageMatch `}
|
||||||
|
subTitle={`We're here to help you on your journey to love. Reach out to us anytime, and we'll respond promptly to assist with your queries.`}
|
||||||
|
/>
|
||||||
|
</main>
|
||||||
|
<WebSiteFooter
|
||||||
|
projectName={'Create a website for secod marriage for lady gents'}
|
||||||
|
pages={pages}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
WebSite.getLayout = function getLayout(page: ReactElement) {
|
||||||
|
return <LayoutGuest>{page}</LayoutGuest>;
|
||||||
|
};
|
||||||
Loading…
x
Reference in New Issue
Block a user