-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'master' of https://github.com/JerryJeager/Will-Be-There …
…into feature/authentication-page
- Loading branch information
Showing
15 changed files
with
206 additions
and
131 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -20,4 +20,3 @@ | |
} | ||
} | ||
|
||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -3,16 +3,25 @@ import Image from "next/image"; | |
import linkedinIcon from "../../public/assets/linkedin.png"; | ||
import facebookIcon from "../../public/assets/facebook.png"; | ||
import twitterIcon from "../../public/assets/twitter.png"; | ||
import Link from "next/link"; | ||
import logo from "../../public/assets/footerLogo.png"; | ||
|
||
|
||
export const Footer = () => { | ||
return ( | ||
<section className="flex flex-col items-start justify-center gap-7 h-auto bg-[#0B195B] text-white py-8 md:px-10 px-5 "> | ||
<div className="flex flex-wrap items-center w-full h-full justify-between md:px-8 space-y-4 "> | ||
<div className="flex flex-wrap items-center w-full h-full justify-between space-y-4 "> | ||
<div className="gap-10"> | ||
<span className="mb-6 text-xl">LOGO</span> | ||
<h3 className="leading-8 text-sm md:text-medium "> | ||
Email:[email protected] <br /> | ||
+2348140732549 | ||
</h3> | ||
<p className="mb-6 text-xl "> | ||
<Link href="/" className="flex items-center"> | ||
<Image src={logo} alt="logo" /> | ||
<span className="text-3xl font-bold">WBT</span> | ||
</Link> | ||
</p> | ||
<p className="leading-8 text-sm md:text-medium "> | ||
Email: [email protected] <br /> | ||
Phone: +2348140732549 | ||
</p> | ||
<div className="flex items-start gap-2 mt-2"> | ||
<Image | ||
src={linkedinIcon} | ||
|
@@ -77,7 +86,7 @@ export const Footer = () => { | |
</div> | ||
<div className="h-[1px] bg-white w-full md:w-[90%]"></div> | ||
<div className="text-sm flex flex-wrap gap-2 items-center "> | ||
<p>© 2023 positvus. All right reserved</p> | ||
<p>© 2024 will be there. All right reserved</p> | ||
<p>Privacy Policy</p> | ||
</div> | ||
</section> | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,74 +1,88 @@ | ||
import React from 'react' | ||
import icon1 from "../../../public/assets/icon1.png" | ||
import icon2 from "../../../public/assets/icon2.png" | ||
import icon3 from "../../../public/assets/icon3.png" | ||
import icon4 from "../../../public/assets/icon4.png" | ||
import icon5 from "../../../public/assets/icon5.png" | ||
import icon6 from "../../../public/assets/icon6.png" | ||
import Image from 'next/image' | ||
import { Wrapper } from '../../shared/Wrapper' | ||
import React from "react"; | ||
import icon1 from "../../../public/assets/icon1.png"; | ||
import icon2 from "../../../public/assets/icon2.png"; | ||
import icon3 from "../../../public/assets/icon3.png"; | ||
import icon4 from "../../../public/assets/icon4.png"; | ||
import icon5 from "../../../public/assets/icon5.png"; | ||
import icon6 from "../../../public/assets/icon6.png"; | ||
import Image from "next/image"; | ||
import { Wrapper } from "../../shared/Wrapper"; | ||
|
||
export const Featuredata = [ | ||
{ | ||
id: 1, | ||
icon: icon1, | ||
title: "Personalize Invite", | ||
text: "Easily customize invitations effortlessly to reflect your unique style and event theme" | ||
}, | ||
{ | ||
id: 2, | ||
icon: icon2, | ||
title: "Feedback Message", | ||
text: "Stay informed about guest attendance with RSVP responses indicating their attendance status" | ||
}, | ||
{ | ||
id: 3, | ||
icon: icon3, | ||
title: "Guest List Tracking", | ||
text: "Manage your guest list and track delivery status to recipients' emails with precision" | ||
}, | ||
{ | ||
id: 4, | ||
icon: icon4, | ||
title: "Event Reminder", | ||
text: "Never miss a beat, Receive timely reminders for both hosts and RSVPs as the big day approaches" | ||
}, | ||
{ | ||
id: 5, | ||
icon: icon5, | ||
title: "Invite Update", | ||
text: "Receive instant notifications for any updates to RSVPs, including additional guests or gift items" | ||
}, | ||
{ | ||
id: 6, | ||
icon: icon6, | ||
title: "Special Note", | ||
text: "RSVPs can include special notes or congratulatory messages to enhance the event experience" | ||
}, | ||
] | ||
export const Featuredata = [ | ||
{ | ||
id: 1, | ||
icon: icon1, | ||
title: "Personalize Invite", | ||
text: "Easily customize invitations effortlessly to reflect your unique style and event theme", | ||
}, | ||
{ | ||
id: 2, | ||
icon: icon2, | ||
title: "Feedback Message", | ||
text: "Stay informed about guest attendance with RSVP responses indicating their attendance status", | ||
}, | ||
{ | ||
id: 3, | ||
icon: icon3, | ||
title: "Guest List Tracking", | ||
text: "Manage your guest list and track delivery status to recipients' emails with precision", | ||
}, | ||
{ | ||
id: 4, | ||
icon: icon4, | ||
title: "Event Reminder", | ||
text: "Never miss a beat, Receive timely reminders for both hosts and RSVPs as the big day approaches", | ||
}, | ||
{ | ||
id: 5, | ||
icon: icon5, | ||
title: "Invite Update", | ||
text: "Receive instant notifications for any updates to RSVPs, including additional guests or gift items", | ||
}, | ||
{ | ||
id: 6, | ||
icon: icon6, | ||
title: "Special Note", | ||
text: "RSVPs can include special notes or congratulatory messages to enhance the event experience", | ||
}, | ||
]; | ||
|
||
export const Features = () => { | ||
return ( | ||
<section className=''> | ||
<div className='bg-[#0D154B] flex flex-col justify-center items-center p-5'> | ||
<div className='text-center space-y-5 p-5'> | ||
<p className='text-[#BCC2FF] text-3xl'>Features</p> | ||
<p className='text-white'>Essential Tools for Seamless Planning and Delighted Guests.</p> | ||
</div> | ||
<div className='grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 m-2'> | ||
{ | ||
Featuredata.map( (data) => { | ||
return ( | ||
<div key={data.id} className='hover:shadow-2xl shadow-indigo-500 hover:scale-105 cursor-pointer transition-all duration-200 text-white bg-[#BCC2FF]/20 w-60 h-48 rounded-lg flex flex-col items-center justify-center space-y-2'> | ||
<p className='text-center h-10 w-10'><Image src={data.icon} alt='icon' width="300" height={'400'} quality={100} className='w-full h-full'/></p> | ||
<p className='text-[#FFFFFF]'>{data.title}</p> | ||
<p className='text-sm text-center font-normal p-2 text-[#F5F2FA]'>{data.text}</p> | ||
</div> | ||
) | ||
}) | ||
} | ||
</div> | ||
<section className=""> | ||
<div className="bg-[#0D154B] flex flex-col justify-center items-center p-5 pb-12"> | ||
<div className="text-center space-y-5 p-5 pt-10 "> | ||
<p className="text-[#BCC2FF] text-4xl font-bold">Features</p> | ||
<p className="text-white text-lg md:text-xl"> | ||
Essential Tools for Seamless Planning and Delighted Guests. | ||
</p> | ||
</div> | ||
<div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-6 md:m-6"> | ||
{Featuredata.map((data) => { | ||
return ( | ||
<div | ||
key={data.id} | ||
className="hover:shadow-2xl shadow-indigo-500 hover:scale-105 cursor-pointer transition-all duration-200 text-white bg-[#BCC2FF]/20 min-w-full lg:w-[23rem] h-[16rem] md:h-[20rem] lg:h-[16rem] rounded-lg flex flex-col items-center justify-center space-y-2 p-4 lg:p-8" | ||
> | ||
<p className="text-center h-[4rem] w-[4rem]"> | ||
<Image | ||
src={data.icon} | ||
alt="icon" | ||
width="400" | ||
height={"500"} | ||
quality={100} | ||
className="w-full h-full" | ||
/> | ||
</p> | ||
<p className="text-[#FFFFFF] font-bold">{data.title}</p> | ||
<p className="text-[1rem] font-[500] text-center p-2 text-[#F5F2FA]"> | ||
{data.text} | ||
</p> | ||
</div> | ||
); | ||
})} | ||
</div> | ||
</div> | ||
</section> | ||
) | ||
} | ||
); | ||
}; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.