bender/050ed44e-9456-417b-bfd9-fee1795cf757
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-07 22:34:40 +00:00
parent aed913725c
commit 4ea376a01a
1 changed files with 63 additions and 213 deletions
Download Patch File Download Diff File Expand all files Collapse all files

276
src/app/page.tsx
View File

@@ -33,37 +33,21 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "History in Numbers",
id: "#metrics",
},
name: "History in Numbers", id: "#metrics"},
{
name: "Leadership",
id: "#team",
},
name: "Leadership", id: "#team"},
{
name: "Visitor Reviews",
id: "#testimonials",
},
name: "Visitor Reviews", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="The White House"
/>
@@ -72,17 +56,14 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "plain",
}}
variant: "plain"}}
title="The Heart of American Democracy"
description="Discover the iconic symbol of leadership and history, the official residence and principal workplace of the President of the United States. A living museum where history is made daily."
buttons={[
{
text: "Explore History",
},
text: "Explore History"},
{
text: "Plan Your Visit",
},
text: "Plan Your Visit"},
]}
imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-american-flag-waving-air-cloudy-sky_181624-21493.jpg"
imageAlt="The White House exterior, front view"
@@ -103,50 +84,25 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
id: "east-room",
title: "The East Room",
descriptions: [
"The largest room in the White House, used for ceremonial events, press conferences, and musical performances.",
],
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-theatre-stage_23-2151556023.jpg",
imageAlt: "East Room interior",
},
id: "east-room", title: "The East Room", descriptions: [
"The largest room in the White House, used for ceremonial events, press conferences, and musical performances."],
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-theatre-stage_23-2151556023.jpg", imageAlt: "East Room interior"},
{
id: "oval-office",
title: "The Oval Office",
descriptions: [
"The President's primary workplace, an iconic symbol of executive power and decision-making.",
],
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-working-tablet-cafe_1262-1898.jpg",
imageAlt: "Oval Office interior",
},
id: "oval-office", title: "The Oval Office", descriptions: [
"The President's primary workplace, an iconic symbol of executive power and decision-making."],
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-working-tablet-cafe_1262-1898.jpg", imageAlt: "Oval Office interior"},
{
id: "state-dining-room",
title: "State Dining Room",
descriptions: [
"A grand setting for formal dinners, receptions, and state events, accommodating over 100 guests.",
],
imageSrc: "http://img.b2bpic.net/free-photo/rustic-christmas-served-wooden-table-with-vintage-silverware-candles-fir-twigs_8353-6154.jpg",
imageAlt: "State Dining Room setup",
},
id: "state-dining-room", title: "State Dining Room", descriptions: [
"A grand setting for formal dinners, receptions, and state events, accommodating over 100 guests."],
imageSrc: "http://img.b2bpic.net/free-photo/rustic-christmas-served-wooden-table-with-vintage-silverware-candles-fir-twigs_8353-6154.jpg", imageAlt: "State Dining Room setup"},
{
id: "blue-room",
title: "The Blue Room",
descriptions: [
"Known for its distinctive blue décor, it serves as a formal parlor and receiving room for diplomatic receptions.",
],
imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-blue-sofa-large-painting-flower-wall_123827-23872.jpg",
imageAlt: "Blue Room interior",
},
id: "blue-room", title: "The Blue Room", descriptions: [
"Known for its distinctive blue décor, it serves as a formal parlor and receiving room for diplomatic receptions."],
imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-blue-sofa-large-painting-flower-wall_123827-23872.jpg", imageAlt: "Blue Room interior"},
{
id: "lincoln-bedroom",
title: "Lincoln Bedroom",
descriptions: [
"A historic guest room named after Abraham Lincoln, featuring period furniture and artifacts related to his presidency.",
],
imageSrc: "http://img.b2bpic.net/free-photo/interior-design-beautiful-castle_23-2151010474.jpg",
imageAlt: "Lincoln Bedroom",
},
id: "lincoln-bedroom", title: "Lincoln Bedroom", descriptions: [
"A historic guest room named after Abraham Lincoln, featuring period furniture and artifacts related to his presidency."],
imageSrc: "http://img.b2bpic.net/free-photo/interior-design-beautiful-castle_23-2151010474.jpg", imageAlt: "Lincoln Bedroom"},
]}
title="Unveiling the Iconic Spaces"
description="Explore the significant rooms and architectural marvels that define the White House, each playing a crucial role in American governance and social life."
@@ -160,29 +116,17 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "history-years",
icon: CalendarDays,
title: "Years of History",
value: "200+",
},
id: "history-years", icon: CalendarDays,
title: "Years of History", value: "200+"},
{
id: "presidents-home",
icon: Users,
title: "Presidents Called it Home",
value: "45",
},
id: "presidents-home", icon: Users,
title: "Presidents Called it Home", value: "45"},
{
id: "visitors-annually",
icon: Eye,
title: "Visitors Annually",
value: "Millions",
},
id: "visitors-annually", icon: Eye,
title: "Visitors Annually", value: "Millions"},
{
id: "floors-design",
icon: Building,
title: "Floors of Intricate Design",
value: "6",
},
id: "floors-design", icon: Building,
title: "Floors of Intricate Design", value: "6"},
]}
title="Decades of Unparalleled History"
description="The White House is more than just a building; it's a living museum of American history, reflecting a rich tapestry of national milestones and presidential legacies that have shaped the nation."
@@ -197,47 +141,17 @@ export default function LandingPage() {
useInvertedBackground={true}
members={[
{
id: "george-washington",
name: "George Washington",
role: "Visionary Founder",
imageSrc: "http://img.b2bpic.net/free-photo/drawing-about-legal-profession_23-2151190691.jpg",
imageAlt: "Portrait of George Washington",
},
id: "george-washington", name: "George Washington", role: "Visionary Founder", imageSrc: "http://img.b2bpic.net/free-photo/drawing-about-legal-profession_23-2151190691.jpg", imageAlt: "Portrait of George Washington"},
{
id: "john-adams",
name: "John Adams",
role: "First Resident",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-old-man-clock_23-2149879802.jpg",
imageAlt: "Portrait of John Adams",
},
id: "john-adams", name: "John Adams", role: "First Resident", imageSrc: "http://img.b2bpic.net/free-photo/side-view-old-man-clock_23-2149879802.jpg", imageAlt: "Portrait of John Adams"},
{
id: "thomas-jefferson",
name: "Thomas Jefferson",
role: "Architectural Contributor",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-hairless-old-man-looking-camera-against-dark-studio-background_613910-17570.jpg",
imageAlt: "Portrait of Thomas Jefferson",
},
id: "thomas-jefferson", name: "Thomas Jefferson", role: "Architectural Contributor", imageSrc: "http://img.b2bpic.net/free-photo/portrait-hairless-old-man-looking-camera-against-dark-studio-background_613910-17570.jpg", imageAlt: "Portrait of Thomas Jefferson"},
{
id: "abraham-lincoln",
name: "Abraham Lincoln",
role: "Civil War Leader",
imageSrc: "http://img.b2bpic.net/free-photo/bussinessman-brown-suit-studio-portrait_53876-102939.jpg",
imageAlt: "Portrait of Abraham Lincoln",
},
id: "abraham-lincoln", name: "Abraham Lincoln", role: "Civil War Leader", imageSrc: "http://img.b2bpic.net/free-photo/bussinessman-brown-suit-studio-portrait_53876-102939.jpg", imageAlt: "Portrait of Abraham Lincoln"},
{
id: "franklin-roosevelt",
name: "Franklin D. Roosevelt",
role: "New Deal Era President",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-old-person-portrait_23-2149254444.jpg",
imageAlt: "Portrait of Franklin D. Roosevelt",
},
id: "franklin-roosevelt", name: "Franklin D. Roosevelt", role: "New Deal Era President", imageSrc: "http://img.b2bpic.net/free-photo/close-up-old-person-portrait_23-2149254444.jpg", imageAlt: "Portrait of Franklin D. Roosevelt"},
{
id: "barack-obama",
name: "Barack Obama",
role: "Modern Leader",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-senior-man-posing_23-2149421512.jpg",
imageAlt: "Portrait of Barack Obama",
},
id: "barack-obama", name: "Barack Obama", role: "Modern Leader", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-senior-man-posing_23-2149421512.jpg", imageAlt: "Portrait of Barack Obama"},
]}
title="The Stewards of the Nation"
description="The White House is shaped by the leaders who reside within its walls, each leaving an indelible mark on its legacy and the country's trajectory."
@@ -246,49 +160,20 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah K.",
handle: "@HistoryBuff",
testimonial: "Truly a majestic experience, steeped in history and patriotism. Every American should visit at least once!",
imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg",
imageAlt: "Sarah K. testimonial photo",
},
id: "1", name: "Sarah K.", handle: "@HistoryBuff", testimonial: "Truly a majestic experience, steeped in history and patriotism. Every American should visit at least once!", imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg", imageAlt: "Sarah K. testimonial photo"},
{
id: "2",
name: "Michael T.",
handle: "@GlobalTraveler",
testimonial: "The architecture is breathtaking, and the stories within its walls are invaluable. A must-see for anyone interested in global history.",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-handsome-caucasian-man-posing-looking-camera-isolated-dark-background_613910-15062.jpg",
imageAlt: "Michael T. testimonial photo",
},
id: "2", name: "Michael T.", handle: "@GlobalTraveler", testimonial: "The architecture is breathtaking, and the stories within its walls are invaluable. A must-see for anyone interested in global history.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-handsome-caucasian-man-posing-looking-camera-isolated-dark-background_613910-15062.jpg", imageAlt: "Michael T. testimonial photo"},
{
id: "3",
name: "Emily R.",
handle: "@EducatorInsight",
testimonial: "I learned so much about American history and governance. The tour guides were incredibly knowledgeable and engaging.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-cup-coffee_23-2149330971.jpg",
imageAlt: "Emily R. testimonial photo",
},
id: "3", name: "Emily R.", handle: "@EducatorInsight", testimonial: "I learned so much about American history and governance. The tour guides were incredibly knowledgeable and engaging.", imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-cup-coffee_23-2149330971.jpg", imageAlt: "Emily R. testimonial photo"},
{
id: "4",
name: "David L.",
handle: "@ProudCitizen",
testimonial: "An incredibly moving and inspiring visit. You truly feel the weight of history and the spirit of democracy.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg",
imageAlt: "David L. testimonial photo",
},
id: "4", name: "David L.", handle: "@ProudCitizen", testimonial: "An incredibly moving and inspiring visit. You truly feel the weight of history and the spirit of democracy.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg", imageAlt: "David L. testimonial photo"},
{
id: "5",
name: "Jessica P.",
handle: "@Wanderlust",
testimonial: "The whole experience was fantastic, from the moment we arrived. It exceeded all my expectations!",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-cheerful-woman-tourist-dressed-orange-jumper-strolls-near-small-stream-green-forest_273609-27389.jpg",
imageAlt: "Jessica P. testimonial photo",
},
id: "5", name: "Jessica P.", handle: "@Wanderlust", testimonial: "The whole experience was fantastic, from the moment we arrived. It exceeded all my expectations!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-cheerful-woman-tourist-dressed-orange-jumper-strolls-near-small-stream-green-forest_273609-27389.jpg", imageAlt: "Jessica P. testimonial photo"},
]}
title="Voices from the Tours"
description="Hear what visitors are saying about their unforgettable and inspiring experiences at the White House."
@@ -300,30 +185,15 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "tour-how",
title: "How can I tour the White House?",
content: "Public tours are available through your Member of Congress or your country's embassy in Washington, D.C. Requests must be submitted well in advance.",
},
id: "tour-how", title: "How can I tour the White House?", content: "Public tours are available through your Member of Congress or your country's embassy in Washington, D.C. Requests must be submitted well in advance."},
{
id: "history-what",
title: "What is the history of the White House?",
content: "The White House was designed by James Hoban and constructed between 1792 and 1800. It was famously burned by British troops in 1814 and rebuilt over subsequent years.",
},
id: "history-what", title: "What is the history of the White House?", content: "The White House was designed by James Hoban and constructed between 1792 and 1800. It was famously burned by British troops in 1814 and rebuilt over subsequent years."},
{
id: "public-events",
title: "Are there public events held at the White House?",
content: "Yes, various public events such as the Easter Egg Roll, Garden Tours, and holiday open houses are held throughout the year. Check the official website for schedules.",
},
id: "public-events", title: "Are there public events held at the White House?", content: "Yes, various public events such as the Easter Egg Roll, Garden Tours, and holiday open houses are held throughout the year. Check the official website for schedules."},
{
id: "best-time",
title: "What's the best time to visit?",
content: "Spring and Fall generally offer the best weather for visiting Washington, D.C. and participating in outdoor events and tours. Weekdays are often less crowded than weekends.",
},
id: "best-time", title: "What's the best time to visit?", content: "Spring and Fall generally offer the best weather for visiting Washington, D.C. and participating in outdoor events and tours. Weekdays are often less crowded than weekends."},
{
id: "accessibility",
title: "Is the White House accessible for people with disabilities?",
content: "The White House is committed to providing accessibility for all visitors. Please inform your tour coordinator of any special needs when submitting your request.",
},
id: "accessibility", title: "Is the White House accessible for people with disabilities?", content: "The White House is committed to providing accessibility for all visitors. Please inform your tour coordinator of any special needs when submitting your request."},
]}
sideTitle="Your Questions Answered"
sideDescription="Find quick answers to the most common questions about visiting and learning about the White House. We're here to help make your experience seamless."
@@ -336,8 +206,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Connect"
title="Plan Your Visit or Inquiry"
description="For general inquiries, tour information, or to send a message to the President, please use the form below. We welcome your correspondence and look forward to assisting you."
@@ -352,50 +221,31 @@ export default function LandingPage() {
logoText="The White House"
columns={[
{
title: "Explore",
items: [
title: "Explore", items: [
{
label: "Home",
href: "#hero",
},
label: "Home", href: "#hero"},
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Key Features",
href: "#features",
},
label: "Key Features", href: "#features"},
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "FAQs",
href: "#faq",
},
label: "FAQs", href: "#faq"},
{
label: "Plan Your Tour",
href: "https://www.whitehouse.gov/participate/tours-and-events/",
},
label: "Plan Your Tour", href: "https://www.whitehouse.gov/participate/tours-and-events/"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}