Update src/app/page.tsx

2026-05-07 12:19:45 +00:00
1 changed files with 41 additions and 153 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
      <NavbarStyleApple
      navItems={[
        {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
        {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
        {
-          name: "Products",
-          id: "products",
-        },
+          name: "Products",          id: "products"},
        {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
      ]}
      brandName="ANIMEVERSE"
    />
@@ -54,31 +46,20 @@ export default function LandingPage() {
  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
      title="Enter the Animeverse"
      description="Experience premium, high-quality anime art and collectibles crafted for the true enthusiast."
      mediaItems={[
        {
-          imageSrc: "http://img.b2bpic.net/free-photo/lone-figure-snowy-cyberpunk-alley_23-2152020183.jpg",
-          imageAlt: "Dynamic character render",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/lone-figure-snowy-cyberpunk-alley_23-2152020183.jpg",          imageAlt: "Dynamic character render"},
        {
-          imageSrc: "http://img.b2bpic.net/free-photo/vampire-balcony-moonlight_23-2152012994.jpg",
-          imageAlt: "Action scene",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/vampire-balcony-moonlight_23-2152012994.jpg",          imageAlt: "Action scene"},
        {
-          imageSrc: "http://img.b2bpic.net/free-photo/bokeh-background-with-purple-lights-star-shape_23-2147815403.jpg",
-          imageAlt: "Portrait",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/bokeh-background-with-purple-lights-star-shape_23-2147815403.jpg",          imageAlt: "Portrait"},
        {
-          imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139332.jpg",
-          imageAlt: "Energy wave",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139332.jpg",          imageAlt: "Energy wave"},
        {
-          imageSrc: "http://img.b2bpic.net/free-photo/alien-landform_456031-84.jpg",
-          imageAlt: "Landscape",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/alien-landform_456031-84.jpg",          imageAlt: "Landscape"},
      ]}
      mediaAnimation="slide-up"
    />
@@ -87,12 +68,10 @@ export default function LandingPage() {
  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
-      title="We redefine anime experiences through 3D art and premium design."
+      title="Elevate your personal collection with immersive, high-fidelity 3D anime art."
      buttons={[
        {
-          text: "Explore Studio",
-          href: "#",
-        },
+          text: "Explore Studio",          href: "#"},
      ]}
    />
  </div>
@@ -103,26 +82,11 @@ export default function LandingPage() {
      useInvertedBackground={false}
      features={[
        {
-          tag: "Innovation",
-          title: "Advanced 3D Modeling",
-          subtitle: "Precision Art",
-          description: "Cutting edge character design techniques.",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-character-djing-party_23-2151688573.jpg",
-        },
+          tag: "Innovation",          title: "Advanced 3D Modeling",          subtitle: "Precision Art",          description: "Cutting edge character design techniques.",          imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-character-djing-party_23-2151688573.jpg"},
        {
-          tag: "Detail",
-          title: "Cinematic Lighting",
-          subtitle: "Immersion",
-          description: "Atmospheric depth in every frame.",
-          imageSrc: "http://img.b2bpic.net/free-photo/intricate-3d-cross-with-bright-lights_23-2151004867.jpg",
-        },
+          tag: "Detail",          title: "Cinematic Lighting",          subtitle: "Immersion",          description: "Atmospheric depth in every frame.",          imageSrc: "http://img.b2bpic.net/free-photo/intricate-3d-cross-with-bright-lights_23-2151004867.jpg"},
        {
-          tag: "Quality",
-          title: "Expert Animation",
-          subtitle: "Fluidity",
-          description: "Expert motion for every sequence.",
-          imageSrc: "http://img.b2bpic.net/free-photo/creative-blue-smoke-black-background_23-2148092664.jpg",
-        },
+          tag: "Quality",          title: "Expert Animation",          subtitle: "Fluidity",          description: "Expert motion for every sequence.",          imageSrc: "http://img.b2bpic.net/free-photo/creative-blue-smoke-black-background_23-2148092664.jpg"},
      ]}
      title="Mastery in Motion"
      description="State-of-the-art animation and visual design."
@@ -137,40 +101,15 @@ export default function LandingPage() {
      useInvertedBackground={false}
      products={[
        {
-          id: "p1",
-          name: "Collector Figurine",
-          price: "$199",
-          variant: "Limited",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-cosplay-artist-dressed-up-as-anime-characters_23-2150632369.jpg",
-        },
+          id: "p1",          name: "Collector Figurine",          price: "$199",          variant: "Limited",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-cosplay-artist-dressed-up-as-anime-characters_23-2150632369.jpg"},
        {
-          id: "p2",
-          name: "Streetwear Hoodie",
-          price: "$85",
-          variant: "Exclusive",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-rendering-jackets-display_23-2149745042.jpg",
-        },
+          id: "p2",          name: "Streetwear Hoodie",          price: "$85",          variant: "Exclusive",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-rendering-jackets-display_23-2149745042.jpg"},
        {
-          id: "p3",
-          name: "Manga Box Set",
-          price: "$120",
-          variant: "Premium",
-          imageSrc: "http://img.b2bpic.net/free-photo/priest-reading-from-bible_23-2149316013.jpg",
-        },
+          id: "p3",          name: "Manga Box Set",          price: "$120",          variant: "Premium",          imageSrc: "http://img.b2bpic.net/free-photo/priest-reading-from-bible_23-2149316013.jpg"},
        {
-          id: "p4",
-          name: "Custom Keycap Set",
-          price: "$45",
-          variant: "Gaming",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-illuminated-neon-gaming-keyboard-setup-controller_23-2149529373.jpg",
-        },
+          id: "p4",          name: "Custom Keycap Set",          price: "$45",          variant: "Gaming",          imageSrc: "http://img.b2bpic.net/free-photo/view-illuminated-neon-gaming-keyboard-setup-controller_23-2149529373.jpg"},
        {
-          id: "p5",
-          name: "Landscape Wall Scroll",
-          price: "$35",
-          variant: "Classic",
-          imageSrc: "http://img.b2bpic.net/free-photo/hands-putting-up-decorative-vinyl-view_23-2149728654.jpg",
-        },
+          id: "p5",          name: "Landscape Wall Scroll",          price: "$35",          variant: "Classic",          imageSrc: "http://img.b2bpic.net/free-photo/hands-putting-up-decorative-vinyl-view_23-2149728654.jpg"},
      ]}
      title="Premium Collections"
      description="Limited edition gear and art."
@@ -184,26 +123,11 @@ export default function LandingPage() {
      useInvertedBackground={false}
      metrics={[
        {
-          id: "m1",
-          value: "1.5M+",
-          title: "Community Fans",
-          description: "Global reach.",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884855.jpg",
-        },
+          id: "m1",          value: "1.5M+",          title: "Community Fans",          description: "Global reach.",          imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884855.jpg"},
        {
-          id: "m2",
-          value: "500+",
-          title: "Products Shipped",
-          description: "Quality assurance.",
-          imageSrc: "http://img.b2bpic.net/free-vector/business-dashboard-element-collection_23-2148367847.jpg",
-        },
+          id: "m2",          value: "500+",          title: "Products Shipped",          description: "Quality assurance.",          imageSrc: "http://img.b2bpic.net/free-vector/business-dashboard-element-collection_23-2148367847.jpg"},
        {
-          id: "m3",
-          value: "120+",
-          title: "Animation Hours",
-          description: "Dedication.",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-background-with-hexagonal-shapes-texture_23-2150473185.jpg",
-        },
+          id: "m3",          value: "120+",          title: "Animation Hours",          description: "Dedication.",          imageSrc: "http://img.b2bpic.net/free-photo/3d-background-with-hexagonal-shapes-texture_23-2150473185.jpg"},
      ]}
      title="Global Impact"
      description="By the numbers."
@@ -218,45 +142,20 @@ export default function LandingPage() {
      useInvertedBackground={false}
      testimonials={[
        {
-          id: "1",
-          name: "Alex R.",
-          role: "Collector",
-          company: "Global Fans",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-vintage-suitcase-with-casual-clothes_23-2148610428.jpg",
-        },
+          id: "1",          name: "Alex R.",          role: "Collector",          company: "Global Fans",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/top-view-vintage-suitcase-with-casual-clothes_23-2148610428.jpg"},
        {
-          id: "2",
-          name: "Sarah K.",
-          role: "Gamer",
-          company: "TechLabs",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-with-chinese-new-year-concept-fan-color-wall_74190-14174.jpg",
-        },
+          id: "2",          name: "Sarah K.",          role: "Gamer",          company: "TechLabs",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-with-chinese-new-year-concept-fan-color-wall_74190-14174.jpg"},
        {
-          id: "3",
-          name: "Mike D.",
-          role: "Artist",
-          company: "DesignCo",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/football-fans-celebrating-win-their-team-tailgate-party_53876-132401.jpg",
-        },
+          id: "3",          name: "Mike D.",          role: "Artist",          company: "DesignCo",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/football-fans-celebrating-win-their-team-tailgate-party_53876-132401.jpg"},
        {
-          id: "4",
-          name: "Jenny L.",
-          role: "Manga Fan",
-          company: "ReadingClub",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-scene-with-people-doing-regular-tasks-anime-style_23-2151002520.jpg",
-        },
+          id: "4",          name: "Jenny L.",          role: "Manga Fan",          company: "ReadingClub",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-scene-with-people-doing-regular-tasks-anime-style_23-2151002520.jpg"},
        {
-          id: "5",
-          name: "Tom B.",
-          role: "Collector",
-          company: "Pro Fans",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-present_23-2147716006.jpg",
-        },
+          id: "5",          name: "Tom B.",          role: "Collector",          company: "Pro Fans",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-present_23-2147716006.jpg"},
      ]}
      title="Fan Stories"
      description="What our community says."
@@ -267,8 +166,7 @@ export default function LandingPage() {
      <ContactSplit
      useInvertedBackground={false}
      background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
      tag="Newsletter"
      title="Stay Connected"
      description="Join the community for exclusive updates."
@@ -282,29 +180,19 @@ export default function LandingPage() {
      logoText="ANIMEVERSE"
      columns={[
        {
-          title: "Store",
-          items: [
+          title: "Store",          items: [
            {
-              label: "Merch",
-              href: "#products",
-            },
+              label: "Merch",              href: "#products"},
            {
-              label: "Figures",
-              href: "#products",
-            },
+              label: "Figures",              href: "#products"},
          ],
        },
        {
-          title: "Studio",
-          items: [
+          title: "Studio",          items: [
            {
-              label: "About",
-              href: "#about",
-            },
+              label: "About",              href: "#about"},
            {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
          ],
        },
      ]}
@@ -313,4 +201,4 @@ export default function LandingPage() {
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}