diff --git a/.github/workflows/test-deploy.yml b/.github/workflows/test-deploy.yml index f228dc4..ba15f3b 100644 --- a/.github/workflows/test-deploy.yml +++ b/.github/workflows/test-deploy.yml @@ -10,9 +10,8 @@ jobs: test: runs-on: ubuntu-latest steps: - - name: 'Checkout' + - name: Checkout uses: actions/checkout@v4 - - name: Cypress Run uses: cypress-io/github-action@v6 with: @@ -22,20 +21,21 @@ jobs: start: npm run dev wait-on: "http://localhost:3000" deploy: - runs-on: ubuntu-22.04 + runs-on: ubuntu:latest needs: test steps: - - name: 'Checkout' + - name: Checkout uses: actions/checkout@v4 - - uses: actions/setup-node@v4 + - name: Setup Node + uses: actions/setup-node@v4 with: - node-version: "20.x" - cache: "npm" - - name: Install dependencies + node-version: 20.x + cache: npm + - name: Install Dependencies run: npm i - - name: Build + - name: Build App run: npm run build - - name: Configure AWS + - name: Sync to S3 uses: aws-actions/configure-aws-credentials@v1 with: aws-access-key-id: ${{ secrets.AWS_ACCESS_KEY_ID }} diff --git a/src/app/components/Agenda.tsx b/src/app/components/Agenda.tsx new file mode 100644 index 0000000..d8b8539 --- /dev/null +++ b/src/app/components/Agenda.tsx @@ -0,0 +1,71 @@ +const CALENDAR_URL = + "https://calendar.google.com/calendar/event?action=TEMPLATE&tmeid=NXM5c2RnN2k4NTlnNWxlMDEzbWluM29hZnQgc2FtLmhldy5yQG0&tmsrc=sam.hew.r%40gmail.com"; + +interface AgendaProps { + title?: string; + date?: string; + idx?: number; +} + +const AgendaItem = ({ title, date, idx }: AgendaProps) => { + return ( +
+
+ {title} +
+
+ {date} +
+
+ ); +}; + +const agendaItems = [ + { + title: "Mardi Gras", + date: "Feb 28 - March 4", + }, + { + title: "Ceremony & Reception", + date: "March 8", + }, + { + title: "Farewell Brunch", + date: "March 9", + }, +]; +const Agenda = () => { + return ( +
+
+ Our wedding will be held on: +
+

+ March 8, 2025 +

+
+ + Save to calender + +
+ +
+

Festivities

+
+ + {agendaItems.map((item, idx) => ( + + ))} +
+ ); +}; + +export default Agenda; diff --git a/src/app/components/Agendas.tsx b/src/app/components/Agendas.tsx deleted file mode 100644 index add8a99..0000000 --- a/src/app/components/Agendas.tsx +++ /dev/null @@ -1,58 +0,0 @@ -const CALENDAR_URL = - "https://calendar.google.com/calendar/event?action=TEMPLATE&tmeid=NXM5c2RnN2k4NTlnNWxlMDEzbWluM29hZnQgc2FtLmhldy5yQG0&tmsrc=sam.hew.r%40gmail.com"; - -const Agendas = () => { - return ( -
-
- Our wedding will be held on: -
-

- March 8, 2025 -

-
- - Save to calender - -
- -
-

Festivities

-
- -
-
- Mardi Gras -
-
- Feb 28 - March 4 -
-
- -
-
- Ceremony & Reception -
-
- March 8 -
-
- -
-
- Farewell Brunch -
-
- March 9 -
-
-
- ); -}; - -export default Agendas; diff --git a/src/app/components/BridalParty.tsx b/src/app/components/BridalParty.tsx index 2cb5600..85bcf31 100644 --- a/src/app/components/BridalParty.tsx +++ b/src/app/components/BridalParty.tsx @@ -1,10 +1,9 @@ import Maddy from "../images/maddy.jpg"; import Dima from "../images/dima.jpg"; import Laynnae from "../images/lynnae.jpg"; -import Profile from "./Utils/Profile"; -import TextWithLine from "./Utils/TextWithLine"; +import Profile, { ProfileMinor } from "./Utils/Profile"; -const people = [ +const peopleMain = [ { pic: Maddy, altVal: "maid_of_honor", @@ -28,6 +27,28 @@ const people = [ }, ]; +const peopleMinorBride = [ + { + name: "Christina Zechmeister", + role: "Bridesmaid", + }, + { + name: "Laura Barnick", + role: "Bridesmaid", + }, +]; + +const peopleMinorGroom = [ + { + name: "Azeo Plescia", + role: "Groomsman", + }, + { + name: "Ryan Thalken", + role: "Groomsman", + }, +]; + const BridalParty = () => { return (
@@ -35,7 +56,7 @@ const BridalParty = () => {

Bridal Party

- {people.map((person, idx) => ( + {peopleMain.map((person, idx) => ( {
-
- Christina Zechmeister -
- Bridesmaid -
-
-
- Laura Barnick -
- Bridesmaid -
-
+ {peopleMinorBride.map((person, idx) => ( + + ))}
~ ~
-
- Azeo Plescia -
- Groomsman -
-
-
- Ryan Thalken -
- Groomsman -
-
+ {peopleMinorGroom.map((person, idx) => ( + + ))}
diff --git a/src/app/components/BrideAndGroom.tsx b/src/app/components/BrideAndGroom.tsx index 7a6c67c..b727d6f 100644 --- a/src/app/components/BrideAndGroom.tsx +++ b/src/app/components/BrideAndGroom.tsx @@ -1,4 +1,3 @@ -// import TextWithLine from "./Utils/TextWithLine"; import bride from "../images/bride.jpg"; import groom from "../images/groom.jpg"; import Profile from "./Utils/Profile"; diff --git a/src/app/components/GalleryCarousel.tsx b/src/app/components/GalleryCarousel.tsx index 9c6ae4c..b1714cd 100644 --- a/src/app/components/GalleryCarousel.tsx +++ b/src/app/components/GalleryCarousel.tsx @@ -8,9 +8,7 @@ import photo3 from "../images/DSC_1849.jpg"; import photo4 from "../images/DSC_1912.jpg"; import photo5 from "../images/DSC_1954.jpg"; import photo6 from "../images/DSC_1931.jpg"; -import photo7 from "../images/DSC_1937.jpg"; import photo8 from "../images/DSC_1946.jpg"; -import photo9 from "../images/DSC_1954.jpg"; import photo10 from "../images/DSC_2005.jpg"; import photo11 from "../images/IMG_5773.jpg"; import photo12 from "../images/IMG_5776.jpg"; @@ -22,9 +20,7 @@ const photos = [ photo4, photo5, photo6, - photo7, photo8, - photo9, photo10, photo11, photo12, diff --git a/src/app/components/ThingsToDo.tsx b/src/app/components/ThingsToDo.tsx index dd7195a..4e8a638 100644 --- a/src/app/components/ThingsToDo.tsx +++ b/src/app/components/ThingsToDo.tsx @@ -1,129 +1,53 @@ +import Activity from "./Utils/Activity"; + +const Activities = [ + { + title: "Mardi Gras", + url: "https://www.mardigrasneworleans.com/parades/", + desc: "The biggest weekend to celebrate Mardi Gras in New Orleans is the weekend before our wedding, and we invite you to join us! If you're interested in attending Mardi Gras (even if it's just for one day!) please RSVP, and we'll send you additional information on our local celebration.", + }, + { + title: "The French Quarter", + url: "https://www.frenchquarter.com/", + desc: "The French Quarter, also known as the Vieux Carré, is the oldest neighborhood in the city of New Orleans. Famous for its vibrant nightlife and colorful buildings with cast-iron balconies - there is plenty to see, shop, and eat here!", + }, + { + title: "Haunted History Tours", + url: "https://hauntedhistorytours.com/", + desc: "New Orleans is a city like no other — featuring hundreds of years of history steeped in mystique. Take a stroll through the French Quarter on a guided tour to learn more about the city's spooky side.", + }, + { + title: "Live Music", + url: "https://www.neworleans.com/events/live-music-calendar/", + desc: "Catch a concert while you're in town! From Preservation Hall to Tipitina's, there is something for everyone.", + }, + { + title: "New Orleans City Park", + url: "https://neworleanscitypark.org/", + desc: "The Park is home to the New Orleans Botanical Garden, Couturie Forest and Arboretum, the New Orleans Museum of Art, the Louisiana Children's Museum, and the largest grove of mature live oaks in the world, some of which are nearly 800 years old.", + }, + { + title: "Museums, Nature, and More", + url: "https://www.neworleans.com/blog/post/new-orleans-top-attractions/", + desc: "Whether you want to experience rich history, or a white alligator at the Audubon Zoo, this list is for you!", + }, +]; + const ThingsToDo = () => { return (

Things To Do

-
-
-
- - Mardi Gras - -
-

- The biggest weekend to celebrate Mardi Gras in New - Orleans is the weekend before our wedding, and we invite - you to join us! If you're interested in attending - Mardi Gras (even if it's just for one day!) please - RSVP, and we'll send you additional information on - our local celebration. -

-
-
- -
-
-
- - The French Quarter - -
-

- The French Quarter, also known as the Vieux Carré, is - the oldest neighborhood in the city of New Orleans. - Famous for its vibrant nightlife and colorful buildings - with cast-iron balconies - there is plenty to see, shop, - and eat here! -

-
-
- -
-
-
- - Haunted History Tours - -
-

- New Orleans is a city like no other — featuring hundreds - of years of history steeped in mystique. Take a stroll - through the French Quarter on a guided tour to learn - more about the city's spooky side. -

-
-
- -
-
-
- - Live Music - -
-

- Catch a concert while you're in town! From - Preservation Hall to Tipitina's, there is something - for everyone. -

-
-
-
-
-
- - New Orleans City Park - -
-

- The Park is home to the New Orleans Botanical Garden, - Couturie Forest and Arboretum, the New Orleans Museum of - Art, the Louisiana Children's Museum, and the - largest grove of mature live oaks in the world, some of - which are nearly 800 years old. -

-
-
- -
-
-
- - Museums, Nature, and More - -
-

- Whether you want to experience rich history, or a white - alligator at the Audubon Zoo, this list is for you! -

-
-
+ {Activities.map((activity, idx) => ( + + ))}
); }; diff --git a/src/app/components/Utils/Activity.tsx b/src/app/components/Utils/Activity.tsx new file mode 100644 index 0000000..331a18d --- /dev/null +++ b/src/app/components/Utils/Activity.tsx @@ -0,0 +1,23 @@ +interface ActivityProps { + title?: string; + url?: string; + desc?: string; + key?: number; +} + +const Activity = ({ title, url, desc, key }: ActivityProps) => { + return ( +
+
+
+ + {title} + +
+

{desc}

+
+
+ ); +}; + +export default Activity; diff --git a/src/app/components/Utils/Profile.tsx b/src/app/components/Utils/Profile.tsx index b356248..a1f7c56 100644 --- a/src/app/components/Utils/Profile.tsx +++ b/src/app/components/Utils/Profile.tsx @@ -8,12 +8,32 @@ interface ProfileProps { name?: string; role?: string; desc?: string; - idx?: number; + key?: number; } -const Person = ({ pic, altVal, name, role, desc, idx }: ProfileProps) => { +interface ProfileMinorProps { + name?: string; + role?: string; + key?: number; +} + +export const ProfileMinor = ({ name, role, key }: ProfileMinorProps) => { + return ( +
+ {name} +
+ {role} +
+
+ ); +}; + +const Profile = ({ pic, altVal, name, role, desc, key }: ProfileProps) => { return ( -
+
{ ); }; -export default Person; +export default Profile; diff --git a/src/app/images/bride.jpg b/src/app/images/bride.jpg index f581e71..5b20dfa 100644 Binary files a/src/app/images/bride.jpg and b/src/app/images/bride.jpg differ diff --git a/src/app/images/groom.jpg b/src/app/images/groom.jpg index ab3fa0f..24413bb 100644 Binary files a/src/app/images/groom.jpg and b/src/app/images/groom.jpg differ diff --git a/src/app/page.tsx b/src/app/page.tsx index dbb2fdd..137e75a 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -11,7 +11,7 @@ import RegistryModal from "./components/RegistryModal"; import BrideAndGroom from "./components/BrideAndGroom"; import BridalParty from "./components/BridalParty"; import Countdown from "./components/Countdown"; -import Agendas from "./components/Agendas"; +import Agenda from "./components/Agenda"; import LocationMap from "./components/LocationMap"; import Lodging from "./components/Lodging"; import ThingsToDo from "./components/ThingsToDo"; @@ -49,7 +49,7 @@ export default function Index() { - +