bender/4ab72165-1248-44c6-bfd3-719e6813c539
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-02-14 09:27:13 +00:00
parent 19f98e124a 77f1db4dbb
commit 4daeabb866
6 changed files with 96 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
src/app/about/page.tsx Normal file
View File

@@ -0,0 +1,71 @@
"use client";
import ReactLenis from "lenis/react";
import { Twitter, Instagram, Facebook } from "lucide-react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FooterCard from '@/components/sections/footer/FooterCard';
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="largeSmall"
background="blurBottom"
cardStyle="elevated"
primaryButtonStyle="shadow"
secondaryButtonStyle="layered"
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
brandName="San Francisco"
navItems={[
{ name: "About", id: "/about" },
{ name: "Attractions", id: "attractions" },
{ name: "Neighborhoods", id: "neighborhoods" },
{ name: "Blog", id: "/blog" },
{ name: "Contact", id: "contact" }
]}
bottomLeftText="Explore the Bay"
bottomRightText="hello@sf-guide.com"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
tag="About SF"
title="A City Like No Other"
description="San Francisco is a vibrant hub of innovation, culture, and natural beauty. Perched on a peninsula surrounded by the Pacific Ocean and San Francisco Bay, the city captivates millions of visitors annually with its iconic Golden Gate Bridge, rolling hills, diverse neighborhoods, and world-class dining and arts scenes. From the tech-forward Mission District to historic Chinatown, SF offers endless exploration opportunities."
metrics={[
{ value: "873,965", title: "Population" },
{ value: "49 sq mi", title: "Area" }
]}
imageSrc="https://img.b2bpic.net/free-photo/medium-shot-women-taking-selfies-outdoors_23-2148941144.jpg"
imageAlt="san francisco culture city life urban community diverse"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="San Francisco Guide"
copyrightText="© 2025 San Francisco Travel Guide. All rights reserved. Exploring the magic of SF."
socialLinks={[
{ icon: Twitter, href: "https://twitter.com/sfguide", ariaLabel: "Twitter" },
{ icon: Instagram, href: "https://instagram.com/sfguide", ariaLabel: "Instagram" },
{ icon: Facebook, href: "https://facebook.com/sfguide", ariaLabel: "Facebook" }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

7
src/app/blog/page.tsx
View File

@@ -29,11 +29,10 @@ export default function BlogPage() {
<NavbarStyleFullscreen
brandName="San Francisco"
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "about" },
{ name: "About", id: "/about" },
{ name: "Attractions", id: "attractions" },
{ name: "Neighborhoods", id: "neighborhoods" },
{ name: "Blog", id: "blog" },
{ name: "Blog", id: "/blog" },
{ name: "Contact", id: "contact" }
]}
bottomLeftText="Explore the Bay"
@@ -74,4 +73,4 @@ export default function BlogPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

2
src/app/layout.tsx
View File

@@ -1266,4 +1266,4 @@ export default function RootLayout({
</ServiceWrapper>
</html>
);
}
}

8
src/app/page.tsx
View File

@@ -32,10 +32,10 @@ export default function LandingPage() {
<NavbarStyleFullscreen
brandName="San Francisco"
navItems={[
{ name: "About", id: "about" },
{ name: "About", id: "/about" },
{ name: "Attractions", id: "attractions" },
{ name: "Neighborhoods", id: "neighborhoods" },
{ name: "Blog", id: "blog" },
{ name: "Blog", id: "/blog" },
{ name: "Contact", id: "contact" }
]}
bottomLeftText="Explore the Bay"
@@ -52,7 +52,7 @@ export default function LandingPage() {
background={{ variant: "radial-gradient" }}
buttons={[
{ text: "Start Your Journey", href: "#attractions" },
{ text: "Learn More", href: "#about" }
{ text: "Learn More", href: "/about" }
]}
carouselItems={[
{ id: "1", imageSrc: "https://img.b2bpic.net/free-photo/golden-gate-bridge-body-water-near-rock-formations-sunset-san-francisco-california_181624-3228.jpg", imageAlt: "golden gate bridge san francisco landmark iconic bridge" },
@@ -277,4 +277,4 @@ export default function LandingPage() {
</div>
</ThemeProvider>
);
}
}

26
src/app/shop/[id]/page.tsx
View File

@@ -86,13 +86,11 @@ export default function ProductPage({ params }: ProductPageProps) {
<NavbarStyleFullscreen
brandName="San Francisco"
navItems={[
{"name":"Home","id":"/"},
{"name":"About","id":"about"},
{"name":"About","id":"/about"},
{"name":"Attractions","id":"attractions"},
{"name":"Neighborhoods","id":"neighborhoods"},
{"name":"Blog","id":"blog"},
{"name":"Contact","id":"contact"},
{"name":"Shop","id":"/shop"}
{"name":"Blog","id":"/blog"},
{"name":"Contact","id":"contact"}
]}
bottomLeftText="Explore the Bay"
bottomRightText="hello@sf-guide.com"
@@ -137,13 +135,11 @@ export default function ProductPage({ params }: ProductPageProps) {
<NavbarStyleFullscreen
brandName="San Francisco"
navItems={[
{"name":"Home","id":"/"},
{"name":"About","id":"about"},
{"name":"About","id":"/about"},
{"name":"Attractions","id":"attractions"},
{"name":"Neighborhoods","id":"neighborhoods"},
{"name":"Blog","id":"blog"},
{"name":"Contact","id":"contact"},
{"name":"Shop","id":"/shop"}
{"name":"Blog","id":"/blog"},
{"name":"Contact","id":"contact"}
]}
bottomLeftText="Explore the Bay"
bottomRightText="hello@sf-guide.com"
@@ -195,13 +191,11 @@ export default function ProductPage({ params }: ProductPageProps) {
<NavbarStyleFullscreen
brandName="San Francisco"
navItems={[
{"name":"Home","id":"/"},
{"name":"About","id":"about"},
{"name":"About","id":"/about"},
{"name":"Attractions","id":"attractions"},
{"name":"Neighborhoods","id":"neighborhoods"},
{"name":"Blog","id":"blog"},
{"name":"Contact","id":"contact"},
{"name":"Shop","id":"/shop"}
{"name":"Blog","id":"/blog"},
{"name":"Contact","id":"contact"}
]}
bottomLeftText="Explore the Bay"
bottomRightText="hello@sf-guide.com"
@@ -258,4 +252,4 @@ export default function ProductPage({ params }: ProductPageProps) {
</ReactLenis>
</ThemeProvider>
);
}
}

18
src/app/shop/page.tsx
View File

@@ -36,13 +36,11 @@ export default function ShopPage() {
<NavbarStyleFullscreen
brandName="San Francisco"
navItems={[
{"name":"Home","id":"/"},
{"name":"About","id":"about"},
{"name":"About","id":"/about"},
{"name":"Attractions","id":"attractions"},
{"name":"Neighborhoods","id":"neighborhoods"},
{"name":"Blog","id":"blog"},
{"name":"Contact","id":"contact"},
{"name":"Shop","id":"/shop"}
{"name":"Blog","id":"/blog"},
{"name":"Contact","id":"contact"}
]}
bottomLeftText="Explore the Bay"
bottomRightText="hello@sf-guide.com"
@@ -85,13 +83,11 @@ export default function ShopPage() {
<NavbarStyleFullscreen
brandName="San Francisco"
navItems={[
{"name":"Home","id":"/"},
{"name":"About","id":"about"},
{"name":"About","id":"/about"},
{"name":"Attractions","id":"attractions"},
{"name":"Neighborhoods","id":"neighborhoods"},
{"name":"Blog","id":"blog"},
{"name":"Contact","id":"contact"},
{"name":"Shop","id":"/shop"}
{"name":"Blog","id":"/blog"},
{"name":"Contact","id":"contact"}
]}
bottomLeftText="Explore the Bay"
bottomRightText="hello@sf-guide.com"
@@ -122,4 +118,4 @@ export default function ShopPage() {
</ReactLenis>
</ThemeProvider>
);
}
}