Merge version_2_1782159980405 into main #3
@@ -1,125 +1,33 @@
|
||||
import AboutText from '@/components/sections/about/AboutText';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeaturesBorderGlow from '@/components/sections/features/FeaturesBorderGlow';
|
||||
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
|
||||
import TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards';
|
||||
import { Cloud, Sun, Wind } from "lucide-react";
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
// AUTO-GENERATED shell by per-section-migrate.
|
||||
// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
|
||||
// files directly. Non-block content (wrappers, non-inlinable sections) is
|
||||
// preserved inline; extracted section blocks become <XSection/> refs.
|
||||
|
||||
export default function HomePage() {
|
||||
import React from 'react';
|
||||
import HeroSection from './HomePage/sections/Hero';
|
||||
import AboutSection from './HomePage/sections/About';
|
||||
import FeaturesSection from './HomePage/sections/Features';
|
||||
import BentoSection from './HomePage/sections/Bento';
|
||||
import MetricsSection from './HomePage/sections/Metrics';
|
||||
import TestimonialsSection from './HomePage/sections/Testimonials';
|
||||
import FaqSection from './HomePage/sections/Faq';
|
||||
|
||||
export default function HomePage(): React.JSX.Element {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroBillboardCarousel
|
||||
tag="Cinematic Experience"
|
||||
title="Mount Fuji: A Sacred Silence"
|
||||
description="Witness the ethereal majesty of Japan's most iconic peak through an immersive cinematic sequence."
|
||||
primaryButton={{ text: "Start Journey", href: "#" }}
|
||||
secondaryButton={{ text: "View Gallery", href: "#features" }}
|
||||
items={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/asian-woman-wearing-japanese-traditional-kimono-fuji-mountain-sunset-kawaguchiko-lake-japan_335224-254.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fuji-mountain_74190-402.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/foliage-aerial-morning-summit-holiday_1232-3937.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/asian-woman-wearing-japanese-traditional-kimono-cherry-blossom-spring-japan_335224-109.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/body-water-cloudy-sky-sunset_417767-147.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fuji-mountain-sunrise_335224-103.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<>
|
||||
<HeroSection />
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutText
|
||||
title="The mountain stands as a silent sentinel, reflecting centuries of history, culture, and the changing seasons through a lens of eternal grace."
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<AboutSection />
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesBorderGlow
|
||||
tag="Atmospheric Elements"
|
||||
title="A World of Sensory Depth"
|
||||
description="Explore the unique characteristics that define the Fuji experience."
|
||||
features={[
|
||||
{ icon: Cloud, title: "Volumetric Fog", description: "Atmospheric layers that move in real-time." },
|
||||
{ icon: Wind, title: "Sakura Petals", description: "Physics-driven particle storms around the peak." },
|
||||
{ icon: Sun, title: "Golden Hour", description: "Dynamic sunrise lighting shifting across the slopes." },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<FeaturesSection />
|
||||
|
||||
<div id="bento" data-section="bento">
|
||||
<SectionErrorBoundary name="bento">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="The Collection"
|
||||
title="Immersive Perspectives"
|
||||
description="Every frame captured in 8K resolution."
|
||||
items={[
|
||||
{ title: "Snow Caps", description: "Winter majesty.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/snow-covered-trees-mountains-captured-cloudy-day_181624-37573.jpg" },
|
||||
{ title: "Forest Trails", description: "Lush evergreen paths.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/pathway-middle-tall-trees-forest-sunny-day_181624-2862.jpg" },
|
||||
{ title: "Lake Reflection", description: "Mirrored stillness.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/island-sunset_395237-42.jpg" },
|
||||
{ title: "Sunrise Gold", description: "Breaking dawn.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/mountain-landscape_53876-32125.jpg" },
|
||||
{ title: "Sakura Bloom", description: "Spring's awakening.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/grass-blade-with-water-drops_23-2147759119.jpg" },
|
||||
{ title: "Mountain Ridge", description: "Climbing the heights.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/women-hiking-with-backpack-holding-trekking-sticks-high-mountains-covered-with-tree-summer-landscape-observation-short-break_1253-1434.jpg" },
|
||||
{ title: "Starry Night", description: "Cosmic solitude.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/moon-reflected-lake_181624-19819.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<BentoSection />
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsIconCards
|
||||
tag="The Data"
|
||||
title="Mountain Statistics"
|
||||
description="Precision measurements of the Fuji peak."
|
||||
metrics={[
|
||||
{ icon: "Mountain", title: "Elevation", value: "3,776m" },
|
||||
{ icon: "Timer", title: "Age", value: "10,000+ yrs" },
|
||||
{ icon: "Map", title: "Base Width", value: "50km" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<MetricsSection />
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialRatingCards
|
||||
tag="Visitor Voices"
|
||||
title="Echoes from the Summit"
|
||||
description="Hear what explorers say about the experience."
|
||||
testimonials={[
|
||||
{ name: "Elena Vance", role: "Photographer", quote: "The most transcendent experience of my career.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-photographer-glasses-blue-shirt-leaning-against-brick-wall-room-with-loft-design_613910-9189.jpg" },
|
||||
{ name: "Hiroshi Tanaka", role: "Guide", quote: "A perfect homage to the mountain's spirit.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-elderly-woman-with-strong-ethnic-features_23-2150607315.jpg" },
|
||||
{ name: "Mark O'Brien", role: "Director", quote: "Visually stunning. Pure art.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smart-blonde-female-photographer-white-blouse-black-leather-jacket-posing-with-camera-studio-isolated-gray-background_613910-18599.jpg" },
|
||||
{ name: "Sarah Chen", role: "Traveler", quote: "I felt every petal in the air.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-handsome-male-hitchhiker-with-leather-gloves-backpack-standing-yellow-wall_179666-35355.jpg" },
|
||||
{ name: "Kenji Sato", role: "Architect", quote: "Minimalist perfection.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-curly-hair-posing_23-2148973997.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<TestimonialsSection />
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSplitMedia
|
||||
tag="Information"
|
||||
title="Questions for the Journey"
|
||||
description="Essential knowledge for your visit."
|
||||
items={[
|
||||
{ question: "Best time to visit?", answer: "April and October offer the clearest views." },
|
||||
{ question: "Is it accessible?", answer: "Trails are managed for preservation." },
|
||||
{ question: "Can I climb the summit?", answer: "Yes, during the summer season only." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-uneven-road-surrounded-with-tall-trees-concept-mysterious_181624-31689.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<FaqSection />
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
18
src/pages/HomePage/sections/About.tsx
Normal file
18
src/pages/HomePage/sections/About.tsx
Normal file
@@ -0,0 +1,18 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "about" section.
|
||||
|
||||
import React from 'react';
|
||||
import AboutText from '@/components/sections/about/AboutText';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function AboutSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutText
|
||||
title="The mountain stands as a silent sentinel, reflecting centuries of history, culture, and the changing seasons through a lens of eternal grace."
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
29
src/pages/HomePage/sections/Bento.tsx
Normal file
29
src/pages/HomePage/sections/Bento.tsx
Normal file
@@ -0,0 +1,29 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "bento" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function BentoSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="bento" data-section="bento">
|
||||
<SectionErrorBoundary name="bento">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="The Collection"
|
||||
title="Immersive Perspectives"
|
||||
description="Every frame captured in 8K resolution."
|
||||
items={[
|
||||
{ title: "Snow Caps", description: "Winter majesty.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/snow-covered-trees-mountains-captured-cloudy-day_181624-37573.jpg" },
|
||||
{ title: "Forest Trails", description: "Lush evergreen paths.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/pathway-middle-tall-trees-forest-sunny-day_181624-2862.jpg" },
|
||||
{ title: "Lake Reflection", description: "Mirrored stillness.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/island-sunset_395237-42.jpg" },
|
||||
{ title: "Sunrise Gold", description: "Breaking dawn.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/mountain-landscape_53876-32125.jpg" },
|
||||
{ title: "Sakura Bloom", description: "Spring's awakening.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/grass-blade-with-water-drops_23-2147759119.jpg" },
|
||||
{ title: "Mountain Ridge", description: "Climbing the heights.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/women-hiking-with-backpack-holding-trekking-sticks-high-mountains-covered-with-tree-summer-landscape-observation-short-break_1253-1434.jpg" },
|
||||
{ title: "Starry Night", description: "Cosmic solitude.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/moon-reflected-lake_181624-19819.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
26
src/pages/HomePage/sections/Faq.tsx
Normal file
26
src/pages/HomePage/sections/Faq.tsx
Normal file
@@ -0,0 +1,26 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "faq" section.
|
||||
|
||||
import React from 'react';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function FaqSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSplitMedia
|
||||
tag="Information"
|
||||
title="Questions for the Journey"
|
||||
description="Essential knowledge for your visit."
|
||||
items={[
|
||||
{ question: "Best time to visit?", answer: "April and October offer the clearest views." },
|
||||
{ question: "Is it accessible?", answer: "Trails are managed for preservation." },
|
||||
{ question: "Can I climb the summit?", answer: "Yes, during the summer season only." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-uneven-road-surrounded-with-tall-trees-concept-mysterious_181624-31689.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
26
src/pages/HomePage/sections/Features.tsx
Normal file
26
src/pages/HomePage/sections/Features.tsx
Normal file
@@ -0,0 +1,26 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "features" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesBorderGlow from '@/components/sections/features/FeaturesBorderGlow';
|
||||
import { Cloud, Sun, Wind } from "lucide-react";
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function FeaturesSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesBorderGlow
|
||||
tag="Atmospheric Elements"
|
||||
title="A World of Sensory Depth"
|
||||
description="Explore the unique characteristics that define the Fuji experience."
|
||||
features={[
|
||||
{ icon: Cloud, title: "Volumetric Fog", description: "Atmospheric layers that move in real-time." },
|
||||
{ icon: Wind, title: "Sakura Petals", description: "Physics-driven particle storms around the peak." },
|
||||
{ icon: Sun, title: "Golden Hour", description: "Dynamic sunrise lighting shifting across the slopes." },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
19
src/pages/HomePage/sections/Hero.tsx
Normal file
19
src/pages/HomePage/sections/Hero.tsx
Normal file
@@ -0,0 +1,19 @@
|
||||
// Created by add_section_from_catalog (HeroOverlay).
|
||||
|
||||
import React from 'react';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
|
||||
export default function HeroSection(): React.JSX.Element {
|
||||
return (
|
||||
<div data-webild-section="hero" id="hero">
|
||||
<HeroOverlay
|
||||
secondaryButton={{"href":"#features","text":"View Gallery"}}
|
||||
imageSrc="https://images.unsplash.com/photo-1490806843957-31f4c9a91c65?q=80&w=2940&auto=format&fit=crop"
|
||||
title="Mount Fuji: A Sacred Silence"
|
||||
primaryButton={{"text":"Start Journey","href":"#"}}
|
||||
description="Witness the ethereal majesty of Japan's most iconic peak through an immersive cinematic sequence."
|
||||
tag="Cinematic Experience"
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
25
src/pages/HomePage/sections/Metrics.tsx
Normal file
25
src/pages/HomePage/sections/Metrics.tsx
Normal file
@@ -0,0 +1,25 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "metrics" section.
|
||||
|
||||
import React from 'react';
|
||||
import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function MetricsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsIconCards
|
||||
tag="The Data"
|
||||
title="Mountain Statistics"
|
||||
description="Precision measurements of the Fuji peak."
|
||||
metrics={[
|
||||
{ icon: "Mountain", title: "Elevation", value: "3,776m" },
|
||||
{ icon: "Timer", title: "Age", value: "10,000+ yrs" },
|
||||
{ icon: "Map", title: "Base Width", value: "50km" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
27
src/pages/HomePage/sections/Testimonials.tsx
Normal file
27
src/pages/HomePage/sections/Testimonials.tsx
Normal file
@@ -0,0 +1,27 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "testimonials" section.
|
||||
|
||||
import React from 'react';
|
||||
import TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function TestimonialsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialRatingCards
|
||||
tag="Visitor Voices"
|
||||
title="Echoes from the Summit"
|
||||
description="Hear what explorers say about the experience."
|
||||
testimonials={[
|
||||
{ name: "Elena Vance", role: "Photographer", quote: "The most transcendent experience of my career.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-photographer-glasses-blue-shirt-leaning-against-brick-wall-room-with-loft-design_613910-9189.jpg" },
|
||||
{ name: "Hiroshi Tanaka", role: "Guide", quote: "A perfect homage to the mountain's spirit.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-elderly-woman-with-strong-ethnic-features_23-2150607315.jpg" },
|
||||
{ name: "Mark O'Brien", role: "Director", quote: "Visually stunning. Pure art.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smart-blonde-female-photographer-white-blouse-black-leather-jacket-posing-with-camera-studio-isolated-gray-background_613910-18599.jpg" },
|
||||
{ name: "Sarah Chen", role: "Traveler", quote: "I felt every petal in the air.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-handsome-male-hitchhiker-with-leather-gloves-backpack-standing-yellow-wall_179666-35355.jpg" },
|
||||
{ name: "Kenji Sato", role: "Architect", quote: "Minimalist perfection.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-curly-hair-posing_23-2148973997.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user