Merge version_2 into main #4
247
src/app/about/page.tsx
Normal file
247
src/app/about/page.tsx
Normal file
@@ -0,0 +1,247 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import { Sparkles, Award, Users, Calendar, MapPin, Zap, Phone, BookOpen, Home, Trophy } from "lucide-react";
|
||||
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Activities", id: "activities" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Camp Jori"
|
||||
bottomLeftText="Summer Adventures Await"
|
||||
bottomRightText="hello@campjori.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<MediaAbout
|
||||
tag="Our Story"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
title="Exploring Camp Jori Since 1937"
|
||||
description="For over 85 years, Camp Jori has been Rhode Island's premier destination for summer adventure, friendship, and growth. Our storied tradition of excellence continues to inspire new generations of campers."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/exterior-portrait-kids-world-environment-day_23-2149369450.jpg"
|
||||
imageAlt="Camp Jori kids having fun"
|
||||
buttons={[
|
||||
{ text: "Learn Our History", href: "#history" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="location" data-section="location">
|
||||
<MediaAbout
|
||||
tag="Location"
|
||||
tagIcon={MapPin}
|
||||
tagAnimation="slide-up"
|
||||
title="75-Acre Retreat in Wakefield, Rhode Island"
|
||||
description="Nestled in beautiful Wakefield, Rhode Island, Camp Jori's expansive 75-acre campus provides the perfect setting for adventure and discovery. Our picturesque location features pristine waterfront, forest trails, and state-of-the-art facilities, all designed to create an unforgettable camp experience."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/friends-sitting-near-bonfire-smiling-playing-guitar-camping-grill-marshmallow_176420-4161.jpg"
|
||||
imageAlt="Camp Jori location in Wakefield"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="programs" data-section="programs">
|
||||
<FeatureBento
|
||||
title="Programs for All Ages"
|
||||
description="Camp Jori welcomes campers from grades K-10, with specialized programs designed for each age group and experience level"
|
||||
tag="Age Groups"
|
||||
tagIcon={Users}
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Elementary Programs", description: "Grades K-2: Introduction to camp life with fun activities and new friendships", bentoComponent: "globe"
|
||||
},
|
||||
{
|
||||
title: "Middle Elementary", description: "Grades 3-4: Adventure and skill-building with increased independence", bentoComponent: "map"
|
||||
},
|
||||
{
|
||||
title: "Upper Elementary", description: "Grades 5-6: Leadership development and specialized activity training", bentoComponent: "animated-bar-chart"
|
||||
},
|
||||
{
|
||||
title: "Junior Session", description: "Grades 7-8: Teen-focused activities and advanced skill sessions", bentoComponent: "line-chart"
|
||||
},
|
||||
{
|
||||
title: "Senior Session", description: "Grades 9-10: Leadership roles, mentorship, and advanced adventures", bentoComponent: "reveal-icon", icon: Trophy
|
||||
},
|
||||
{
|
||||
title: "Specialty Tracks", description: "All ages: Specialized weeks for art, sports, water activities, and more", bentoComponent: "orbiting-icons", centerIcon: Zap,
|
||||
items: [
|
||||
{ icon: Award, ring: 1 },
|
||||
{ icon: Calendar, ring: 2 },
|
||||
{ icon: Users, ring: 3 }
|
||||
]
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="history" data-section="history">
|
||||
<FeatureBento
|
||||
title="Our Rich Heritage"
|
||||
description="From our founding in 1909 to our current home in Wakefield since 2003, Camp Jori has continuously evolved while maintaining our commitment to excellence and family values"
|
||||
tag="Heritage"
|
||||
tagIcon={BookOpen}
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Founded in 1909", description: "Camp Jori was established with a mission to provide transformative summer experiences", bentoComponent: "reveal-icon", icon: Home
|
||||
},
|
||||
{
|
||||
title: "Early Traditions", description: "Throughout the 20th century, we built a legacy of camper-focused programming and excellence", bentoComponent: "reveal-icon", icon: Calendar
|
||||
},
|
||||
{
|
||||
title: "Wakefield Move (2003)", description: "We relocated to our current 75-acre Wakefield, Rhode Island campus to better serve our growing community", bentoComponent: "reveal-icon", icon: MapPin
|
||||
},
|
||||
{
|
||||
title: "Modern Excellence", description: "Today, we continue honoring our traditions while incorporating modern amenities and programming", bentoComponent: "reveal-icon", icon: Award
|
||||
},
|
||||
{
|
||||
title: "Family Traditions", description: "Many families span multiple generations at Camp Jori, with grandparents, parents, and children all creating memories together", bentoComponent: "reveal-icon", icon: Users
|
||||
},
|
||||
{
|
||||
title: "Looking Forward", description: "As we celebrate our heritage, we remain committed to innovation and providing the best camp experience", bentoComponent: "reveal-icon", icon: Sparkles
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="facilities" data-section="facilities">
|
||||
<MetricCardThree
|
||||
title="World-Class Facilities"
|
||||
description="Our 75-acre campus features amenities designed to provide safety, comfort, and unforgettable experiences"
|
||||
tag="Amenities"
|
||||
tagIcon={Award}
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{ id: "1", icon: Users, title: "Olympic Pool", value: "2 Pools" },
|
||||
{ id: "2", icon: MapPin, title: "Waterfront", value: "Lake Access" },
|
||||
{ id: "3", icon: Home, title: "Cabins", value: "20+ Units" },
|
||||
{ id: "4", icon: Zap, title: "Activity Centers", value: "15+" }
|
||||
]}
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="multigenerational" data-section="multigenerational">
|
||||
<MediaAbout
|
||||
tag="Family Legacy"
|
||||
tagIcon={Users}
|
||||
tagAnimation="slide-up"
|
||||
title="Creating Multigenerational Memories"
|
||||
description="Camp Jori is built on the foundation of family traditions. Many of our campers represent multiple generations—grandparents who attended decades ago, parents who met at camp, and children now making their own memories. We celebrate this continuity and welcome families to join our growing community."
|
||||
videoSrc="http://img.b2bpic.net/free-photo/couple-together-kayaking-river_1303-16040.jpg"
|
||||
imageAlt="Multigenerational camp families"
|
||||
buttons={[
|
||||
{ text: "Start Your Family Tradition", href: "#contact" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
ctaTitle="Ready to Join Camp Jori?"
|
||||
ctaDescription="Learn more about our programs and start your summer adventure with us today!"
|
||||
ctaIcon={Phone}
|
||||
ctaButton={{
|
||||
text: "Contact Us", href: "https://campjori.com/contact"
|
||||
}}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What makes Camp Jori unique?", content: "With over 115 years of history and a commitment to personalized programming, Camp Jori offers a unique blend of traditional camp values and modern facilities. Our 75-acre Wakefield campus provides the perfect setting for adventure and growth."
|
||||
},
|
||||
{
|
||||
id: "2", title: "Do you have programs for all ages?", content: "Yes! We welcome campers from grades K-10, with specialized programs designed for each age group. Whether it's a child's first camp experience or a returning camper seeking advanced challenges, we have the right program."
|
||||
},
|
||||
{
|
||||
id: "3", title: "How do we enroll?", content: "Visit our registration page to explore available sessions and enroll online. Early bird pricing is available through March 31st each year. Contact our team with any questions about the enrollment process."
|
||||
}
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Camp Jori"
|
||||
columns={[
|
||||
{
|
||||
title: "Camp", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Activities", href: "/#activities" },
|
||||
{ label: "Sessions", href: "/#contact" },
|
||||
{ label: "Photo Gallery", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{ label: "FAQ", href: "/#faq" },
|
||||
{ label: "Packing List", href: "#" },
|
||||
{ label: "Camp Rules", href: "#" },
|
||||
{ label: "Contact Us", href: "/#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Community", items: [
|
||||
{ label: "Alumni Network", href: "#" },
|
||||
{ label: "Testimonials", href: "/#testimonials" },
|
||||
{ label: "News & Updates", href: "#" },
|
||||
{ label: "Events", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Facebook", href: "https://facebook.com" },
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "Email", href: "mailto:hello@campjori.com" },
|
||||
{ label: "Newsletter", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Camp Jori | Creating Memories Since 2000"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -1,44 +1,17 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Halant } from "next/font/google";
|
||||
import { Inter } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const halant = Halant({
|
||||
variable: "--font-halant", subsets: ["latin"],
|
||||
weight: ["300", "400", "500", "600", "700"],
|
||||
});
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter", subsets: ["latin"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Camp Jori | Summer Adventure for Kids", description: "Join Camp Jori for an unforgettable summer of outdoor adventure, friendship, and growth. Register now for 2025 sessions!", keywords: "summer camp, kids camp, outdoor adventure, rock climbing, water sports, archery", openGraph: {
|
||||
title: "Camp Jori | Summer Adventure Awaits", description: "Experience the ultimate summer camp adventure at Camp Jori. Build confidence, make lifelong friends, and create unforgettable memories.", siteName: "Camp Jori", type: "website"},
|
||||
twitter: {
|
||||
card: "summary_large_image", title: "Camp Jori | Summer Adventure for Kids", description: "Join thousands of campers at Camp Jori. Adventure awaits this summer!"},
|
||||
robots: {
|
||||
index: true,
|
||||
follow: true,
|
||||
},
|
||||
};
|
||||
title: "Camp Jori", description: "Camp Jori - Rhode Island's premier summer camp experience"};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: Readonly<{
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
}>) {
|
||||
}) {
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body
|
||||
className={`${halant.variable} ${inter.variable} antialiased`}
|
||||
>
|
||||
<Tag />
|
||||
{children}
|
||||
|
||||
<html lang="en">
|
||||
<body>{children}
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
@@ -1406,7 +1379,6 @@ export default function RootLayout({
|
||||
}}
|
||||
/>
|
||||
</body>
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -29,9 +29,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Activities", id: "activities" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
@@ -50,8 +50,8 @@ export default function LandingPage() {
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "plain" }}
|
||||
buttons={[
|
||||
{ text: "Register Now", href: "#contact" },
|
||||
{ text: "Learn More", href: "#about" }
|
||||
{ text: "Register Now", href: "/about" },
|
||||
{ text: "Learn More", href: "/about" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
carouselItems={[
|
||||
@@ -67,20 +67,6 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
tag="About Camp Jori"
|
||||
tagIcon={Compass}
|
||||
tagAnimation="slide-up"
|
||||
title="Rhode Island's Jewish Summer camp that brings friends together "
|
||||
buttons={[
|
||||
{ text: "Explore Our Mission", href: "#activities" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="activities" data-section="activities">
|
||||
<FeatureBento
|
||||
title="Camp Activities"
|
||||
@@ -102,10 +88,12 @@ export default function LandingPage() {
|
||||
title: "Horseback Riding", description: "Bond with our gentle camp horses", bentoComponent: "line-chart"
|
||||
},
|
||||
{
|
||||
title: "Arts & Crafts", description: "Express creativity through making", bentoComponent: "marquee", centerIcon: Palette, variant: "icon", icons: [Brush, Palette, Sparkles]
|
||||
title: "Arts & Crafts", description: "Express creativity through making", bentoComponent: "marquee", centerIcon: Palette,
|
||||
variant: "icon", icons: [Brush, Palette, Sparkles]
|
||||
},
|
||||
{
|
||||
title: "Campfire Programs", description: "Songs, stories, and s'mores under stars", bentoComponent: "orbiting-icons", centerIcon: Flame, items: [
|
||||
title: "Campfire Programs", description: "Songs, stories, and s'mores under stars", bentoComponent: "orbiting-icons", centerIcon: Flame,
|
||||
items: [
|
||||
{ icon: Music, ring: 1 },
|
||||
{ icon: Star, ring: 2 },
|
||||
{ icon: Heart, ring: 3 }
|
||||
@@ -234,24 +222,24 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
title: "Camp", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Activities", href: "#activities" },
|
||||
{ label: "Sessions", href: "#contact" },
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Activities", href: "activities" },
|
||||
{ label: "Sessions", href: "contact" },
|
||||
{ label: "Photo Gallery", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "FAQ", href: "faq" },
|
||||
{ label: "Packing List", href: "#" },
|
||||
{ label: "Camp Rules", href: "#" },
|
||||
{ label: "Contact Us", href: "#contact" }
|
||||
{ label: "Contact Us", href: "contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Community", items: [
|
||||
{ label: "Alumni Network", href: "#" },
|
||||
{ label: "Testimonials", href: "#testimonials" },
|
||||
{ label: "Testimonials", href: "testimonials" },
|
||||
{ label: "News & Updates", href: "#" },
|
||||
{ label: "Events", href: "#" }
|
||||
]
|
||||
|
||||
Reference in New Issue
Block a user