bender/f544d3d4-e88c-4cad-a2fe-4f44c1e6f02e
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-05-09 19:17:41 +00:00
parent cafdf5beee
commit 020a2fa60c
1 changed files with 58 additions and 199 deletions
Download Patch File Download Diff File Expand all files Collapse all files

257
src/app/page.tsx
View File

@@ -33,25 +33,15 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Activities",
id: "features",
},
name: "Activities", id: "features"},
{
name: "FAQ",
id: "faq",
},
name: "FAQ", id: "faq"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="San Diego Guide"
/>
@@ -60,63 +50,40 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Experience the Best of San Diego"
description="Golden beaches, vibrant culture, and endless sunshine await. Discover why San Diego is California's premier travel destination."
buttons={[
{
text: "Plan Your Trip",
href: "#contact",
},
text: "Plan Your Trip", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/la-jolla-cove-view-san-diego-usa_1268-14454.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/la-jolla-cove-view-san-diego-usa_1268-14454.jpg"
imageAlt="Sunny day in San Diego"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-wearing-hat_23-2148631369.jpg",
alt: "Portrait of a traveler",
},
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-wearing-hat_23-2148631369.jpg", alt: "Portrait of a traveler"},
{
src: "http://img.b2bpic.net/free-photo/photo-surprised-cheerful-european-woman-keeps-hand-hat-drinks-takeaway-coffee-walks-city-street_273609-25763.jpg",
alt: "Portrait of a traveler",
},
src: "http://img.b2bpic.net/free-photo/photo-surprised-cheerful-european-woman-keeps-hand-hat-drinks-takeaway-coffee-walks-city-street_273609-25763.jpg", alt: "Portrait of a traveler"},
{
src: "http://img.b2bpic.net/free-photo/smiley-woman-with-glasses-waving_23-2148631360.jpg",
alt: "Portrait of a traveler",
},
src: "http://img.b2bpic.net/free-photo/smiley-woman-with-glasses-waving_23-2148631360.jpg", alt: "Portrait of a traveler"},
{
src: "http://img.b2bpic.net/free-photo/handsome-caucasian-man-wearing-summer-hat-flowers-shirt-smiling-happy-outdoors_839833-8950.jpg",
alt: "Portrait of a traveler",
},
src: "http://img.b2bpic.net/free-photo/handsome-caucasian-man-wearing-summer-hat-flowers-shirt-smiling-happy-outdoors_839833-8950.jpg", alt: "Portrait of a traveler"},
{
src: "http://img.b2bpic.net/free-photo/happy-hipster-man-with-beard-retro-photo-camera_273443-2284.jpg",
alt: "Portrait of a traveler",
},
src: "http://img.b2bpic.net/free-photo/happy-hipster-man-with-beard-retro-photo-camera_273443-2284.jpg", alt: "Portrait of a traveler"},
]}
avatarText="Join 10,000+ travelers monthly"
marqueeItems={[
{
type: "text",
text: "Sun-Drenched Beaches",
},
type: "text", text: "Sun-Drenched Beaches"},
{
type: "text",
text: "World-Class Dining",
},
type: "text", text: "World-Class Dining"},
{
type: "text",
text: "Historic Balboa Park",
},
type: "text", text: "Historic Balboa Park"},
{
type: "text",
text: "Surf Paradise",
},
type: "text", text: "Surf Paradise"},
{
type: "text",
text: "Family Adventure",
},
type: "text", text: "Family Adventure"},
]}
/>
</div>
@@ -128,19 +95,13 @@ export default function LandingPage() {
description="With year-round temperate weather and a rich history, San Diego offers a perfect mix of relaxation and excitement. Explore historic parks, pristine shorelines, and world-class attractions."
metrics={[
{
value: "70 miles",
title: "Coastline",
},
value: "70 miles", title: "Coastline"},
{
value: "300+",
title: "Sunny Days/Year",
},
value: "300+", title: "Sunny Days/Year"},
{
value: "17",
title: "Museums",
},
value: "17", title: "Museums"},
]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-coconut-palm-tree-blue-sky_74190-1025.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/beautiful-coconut-palm-tree-blue-sky_74190-1025.jpg"
imageAlt="San Diego city view"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
@@ -154,49 +115,31 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "World-Class Attractions",
description: "The San Diego Zoo, Safari Park, and Balboa Park offer endless family fun.",
icon: Star,
title: "World-Class Attractions", description: "The San Diego Zoo, Safari Park, and Balboa Park offer endless family fun.", icon: Star,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/young-women-with-dyed-hair-near-seaside_23-2149488637.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-women-with-dyed-hair-near-seaside_23-2149488637.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-ring-tailed-lemur-wooden-post_23-2147924052.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/la-jolla-cove-view-san-diego-usa_1268-14454.jpg?_wi=2",
imageAlt: "San Diego zoo exotic animals",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-ring-tailed-lemur-wooden-post_23-2147924052.jpg"},
]
},
{
title: "Surf & Sand",
description: "Beautiful beaches perfect for surfing, swimming, and watching the sunset.",
icon: Waves,
title: "Surf & Sand", description: "Beautiful beaches perfect for surfing, swimming, and watching the sunset.", icon: Waves,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/girl-posing-with-board-sunset_1321-1353.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/girl-posing-with-board-sunset_1321-1353.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-walks-with-surfboard-wild-beach-amazing-view-from-top_72229-1193.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-coconut-palm-tree-blue-sky_74190-1025.jpg?_wi=2",
imageAlt: "San Diego zoo exotic animals",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-walks-with-surfboard-wild-beach-amazing-view-from-top_72229-1193.jpg"},
]
},
{
title: "Lush Landscapes",
description: "Discover incredible botanical gardens and hiking trails through scenic canyons.",
icon: TreePine,
title: "Lush Landscapes", description: "Discover incredible botanical gardens and hiking trails through scenic canyons.", icon: TreePine,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/famous-botanical-garden-funchal-madeira-island-portugal_231208-6666.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/famous-botanical-garden-funchal-madeira-island-portugal_231208-6666.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/life-mexico-landscape-with-tall-building_23-2149862545.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/surfer-blue-wave_72229-1309.jpg?_wi=1",
imageAlt: "San Diego zoo exotic animals",
imageSrc: "http://img.b2bpic.net/free-photo/life-mexico-landscape-with-tall-building_23-2149862545.jpg"},
]
},
]}
title="Why Visitors Love It"
@@ -212,47 +155,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "1",
name: "Surf Lessons",
price: "$80",
variant: "Active",
imageSrc: "http://img.b2bpic.net/free-photo/surfer-blue-wave_72229-1309.jpg?_wi=2",
},
id: "1", name: "Surf Lessons", price: "$80", variant: "Active", imageSrc: "http://img.b2bpic.net/free-photo/surfer-blue-wave_72229-1309.jpg"},
{
id: "2",
name: "Taco Tour",
price: "$50",
variant: "Culinary",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-lesbian-couple-restaurant_23-2150276444.jpg",
},
id: "2", name: "Taco Tour", price: "$50", variant: "Culinary", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-lesbian-couple-restaurant_23-2150276444.jpg"},
{
id: "3",
name: "Coastal Hike",
price: "Free",
variant: "Adventure",
imageSrc: "http://img.b2bpic.net/free-photo/man-trekking-mountains_23-2148106716.jpg",
},
id: "3", name: "Coastal Hike", price: "Free", variant: "Adventure", imageSrc: "http://img.b2bpic.net/free-photo/man-trekking-mountains_23-2148106716.jpg"},
{
id: "4",
name: "Bay Yacht Cruise",
price: "$120",
variant: "Luxury",
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-ballerina-dancing-posing-outside_176420-1435.jpg",
},
id: "4", name: "Bay Yacht Cruise", price: "$120", variant: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-ballerina-dancing-posing-outside_176420-1435.jpg"},
{
id: "5",
name: "Museum Pass",
price: "$45",
variant: "Cultural",
imageSrc: "http://img.b2bpic.net/free-photo/female-painter-takes-notes-teaches-art-painting-atelier_482257-124839.jpg",
},
id: "5", name: "Museum Pass", price: "$45", variant: "Cultural", imageSrc: "http://img.b2bpic.net/free-photo/female-painter-takes-notes-teaches-art-painting-atelier_482257-124839.jpg"},
{
id: "6",
name: "Beach Sunset",
price: "Free",
variant: "Relaxation",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-beach-with-camera_23-2149046410.jpg",
},
id: "6", name: "Beach Sunset", price: "Free", variant: "Relaxation", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-beach-with-camera_23-2149046410.jpg"},
]}
title="Must-Do Experiences"
description="Make the most of your vacation with these highly-rated experiences."
@@ -265,20 +178,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "When is the best time to visit?",
content: "San Diego is great year-round, but spring and fall offer the best weather.",
},
id: "1", title: "When is the best time to visit?", content: "San Diego is great year-round, but spring and fall offer the best weather."},
{
id: "2",
title: "Do I need a car?",
content: "While you can get around, a rental car is recommended for exploring San Diego's various coastal spots.",
},
id: "2", title: "Do I need a car?", content: "While you can get around, a rental car is recommended for exploring San Diego's various coastal spots."},
{
id: "3",
title: "Are beaches free?",
content: "Yes, all beaches in San Diego are public and free to access!",
},
id: "3", title: "Are beaches free?", content: "Yes, all beaches in San Diego are public and free to access!"},
]}
title="Visitor FAQ"
description="Have questions about your trip? Here are the most common ones."
@@ -294,25 +198,15 @@ export default function LandingPage() {
author="Sarah J."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/outdoor-portrait-fashionable-attractive-dark-skinned-man-with-afro-hairstyle-wearing-headphones-neck-talking-smartphone-drinking-coffee-while-strolling-city-with-backpack_176420-19828.jpg",
alt: "Sarah J.",
},
src: "http://img.b2bpic.net/free-photo/outdoor-portrait-fashionable-attractive-dark-skinned-man-with-afro-hairstyle-wearing-headphones-neck-talking-smartphone-drinking-coffee-while-strolling-city-with-backpack_176420-19828.jpg", alt: "Sarah J."},
{
src: "http://img.b2bpic.net/free-photo/smiling-young-caucasian-traveler-man-with-straw-beach-hat-sun-glasses-holding-swim-ring-pointing-back-isolated-pink-wall-with-copy-space_141793-106499.jpg",
alt: "Mike D.",
},
src: "http://img.b2bpic.net/free-photo/smiling-young-caucasian-traveler-man-with-straw-beach-hat-sun-glasses-holding-swim-ring-pointing-back-isolated-pink-wall-with-copy-space_141793-106499.jpg", alt: "Mike D."},
{
src: "http://img.b2bpic.net/free-photo/happy-stylish-caucasian-man-with-backpack-travel-rice-plantation-making-self-portrai-memories_273443-3007.jpg",
alt: "Jen B.",
},
src: "http://img.b2bpic.net/free-photo/happy-stylish-caucasian-man-with-backpack-travel-rice-plantation-making-self-portrai-memories_273443-3007.jpg", alt: "Jen B."},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-women-traveling-together_23-2149137183.jpg",
alt: "The Smiths",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-women-traveling-together_23-2149137183.jpg", alt: "The Smiths"},
{
src: "http://img.b2bpic.net/free-photo/front-view-young-male-with-bag-binoculars-pink-background_140725-122314.jpg",
alt: "Alex T.",
},
src: "http://img.b2bpic.net/free-photo/front-view-young-male-with-bag-binoculars-pink-background_140725-122314.jpg", alt: "Alex T."},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -328,35 +222,11 @@ export default function LandingPage() {
description="Check out our latest tips for your next trip to California."
blogs={[
{
id: "1",
category: "Road Trip",
title: "Coastal Drive Ideas",
excerpt: "How to make the most of your Pacific coastal drive.",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-near-woman-s-legs-leaning-out-from-car_23-2148039069.jpg",
authorName: "Jane Doe",
authorAvatar: "http://img.b2bpic.net/free-photo/slim-beautiful-woman-white-cotton-dress-walking-tropical-beach-sunset-holding-leather-backpack_285396-3621.jpg",
date: "Oct 1, 2023",
},
id: "1", category: "Road Trip", title: "Coastal Drive Ideas", excerpt: "How to make the most of your Pacific coastal drive.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-near-woman-s-legs-leaning-out-from-car_23-2148039069.jpg", authorName: "Jane Doe", authorAvatar: "http://img.b2bpic.net/free-photo/slim-beautiful-woman-white-cotton-dress-walking-tropical-beach-sunset-holding-leather-backpack_285396-3621.jpg", date: "Oct 1, 2023"},
{
id: "2",
category: "Local",
title: "Hidden Beaches",
excerpt: "San Diego's best-kept secret spots along the shoreline.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-natural-rock-arches-near-sand-beach-sunny-day_181624-13307.jpg",
authorName: "John Smith",
authorAvatar: "http://img.b2bpic.net/free-photo/front-view-woman-smiling-waving_23-2148631402.jpg",
date: "Oct 5, 2023",
},
id: "2", category: "Local", title: "Hidden Beaches", excerpt: "San Diego's best-kept secret spots along the shoreline.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-natural-rock-arches-near-sand-beach-sunny-day_181624-13307.jpg", authorName: "John Smith", authorAvatar: "http://img.b2bpic.net/free-photo/front-view-woman-smiling-waving_23-2148631402.jpg", date: "Oct 5, 2023"},
{
id: "3",
category: "Dining",
title: "City Food Scene",
excerpt: "Where to find the best tacos in town.",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-pizza-slice_23-2149333834.jpg",
authorName: "Chef Dave",
authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-couple-holding-hands_23-2148970146.jpg",
date: "Oct 10, 2023",
},
id: "3", category: "Dining", title: "City Food Scene", excerpt: "Where to find the best tacos in town.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-pizza-slice_23-2149333834.jpg", authorName: "Chef Dave", authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-couple-holding-hands_23-2148970146.jpg", date: "Oct 10, 2023"},
]}
/>
</div>
@@ -365,8 +235,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
tag="Stay Informed"
title="Ready to Visit?"
description="Sign up to receive travel tips, seasonal discounts, and local recommendations directly to your inbox."
@@ -377,29 +246,19 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Destinations",
items: [
title: "Destinations", items: [
{
label: "Beaches",
href: "#features",
},
label: "Beaches", href: "#features"},
{
label: "Attractions",
href: "#features",
},
label: "Attractions", href: "#features"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
]}