Update src/pages/HomePage.tsx
This commit is contained in:
@@ -12,238 +12,135 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroCenteredLogos
|
||||
avatarText="Join 5,000+ visionaries"
|
||||
title="Visionaries Choose Third Eye"
|
||||
description="Handcrafted eyewear blending timeless design with modern vision. Elevate your everyday look with precision and craft."
|
||||
primaryButton={{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Our Story",
|
||||
href: "#about",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pet-poop-bag-arrangement_23-2148982358.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
avatarsSrc={[
|
||||
"http://img.b2bpic.net/free-photo/stylish-young-woman-smiling_23-2148665469.jpg", "http://img.b2bpic.net/free-photo/portrait-woman-with-short-hair_329181-13447.jpg", "http://img.b2bpic.net/free-photo/coffee-time_1098-16186.jpg", "http://img.b2bpic.net/free-photo/woman-optician-checking-eyeglasses-frame_23-2148273165.jpg", "http://img.b2bpic.net/free-photo/stylish-man-flannel-suit-glasses-listening-music-room-with-loft-interior_613910-4423.jpg"
|
||||
]}
|
||||
avatarText="Join 5,000+ visionaries"
|
||||
title="Visionaries Choose Third Eye"
|
||||
description="Handcrafted eyewear blending timeless design with modern vision. Elevate your everyday look with precision and craft."
|
||||
primaryButton={{
|
||||
text: "Shop Collection", href: "#products"}}
|
||||
secondaryButton={{
|
||||
text: "Our Story", href: "#about"}}
|
||||
names={["Sarah M.", "David K.", "Emily R.", "Michael B.", "Jessica L."]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pet-poop-bag-arrangement_23-2148982358.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutFeaturesSplit
|
||||
tag="Our Philosophy"
|
||||
title="Craftsmanship in Every Detail"
|
||||
description="At Third Eye, we believe glasses should be an extension of your identity. Each pair is meticulously shaped using premium materials to ensure lasting comfort and style."
|
||||
items={[
|
||||
{
|
||||
icon: Eye,
|
||||
title: "Precision Optics",
|
||||
description: "Crystal-clear lenses for maximum clarity.",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Durable Frames",
|
||||
description: "Built from high-grade acetate and metal.",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Timeless Design",
|
||||
description: "Styles that remain relevant year after year.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/assortment-stylish-fedora-hats_23-2150711541.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Philosophy"
|
||||
title="Craftsmanship in Every Detail"
|
||||
description="At Third Eye, we believe glasses should be an extension of your identity. Each pair is meticulously shaped using premium materials to ensure lasting comfort and style."
|
||||
items={[
|
||||
{
|
||||
icon: "Eye", title: "Precision Optics", description: "Crystal-clear lenses for maximum clarity."},
|
||||
{
|
||||
icon: "Shield", title: "Durable Frames", description: "Built from high-grade acetate and metal."},
|
||||
{
|
||||
icon: "Award", title: "Timeless Design", description: "Styles that remain relevant year after year."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/assortment-stylish-fedora-hats_23-2150711541.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesComparison
|
||||
tag="The Third Eye Standard"
|
||||
title="Why We Are Different"
|
||||
description="We prioritize quality over mass production. Experience the difference."
|
||||
negativeItems={[
|
||||
"Mass-produced plastics",
|
||||
"Fragile components",
|
||||
"Generic, fleeting styles",
|
||||
]}
|
||||
positiveItems={[
|
||||
"Hand-polished acetate",
|
||||
"Reinforced hinges",
|
||||
"Evergreen, curated designs",
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="The Third Eye Standard"
|
||||
title="Why We Are Different"
|
||||
description="We prioritize quality over mass production. Experience the difference."
|
||||
negativeItems={[
|
||||
"Mass-produced plastics", "Fragile components", "Generic, fleeting styles"]}
|
||||
positiveItems={[
|
||||
"Hand-polished acetate", "Reinforced hinges", "Evergreen, curated designs"]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<SectionErrorBoundary name="products">
|
||||
<div id="products" data-section="products">
|
||||
<SectionErrorBoundary name="products">
|
||||
<FeaturesImageBento
|
||||
tag="Our Collection"
|
||||
title="Featured Frames"
|
||||
description="Explore our curated selection of signature styles for every personality."
|
||||
items={[
|
||||
{
|
||||
title: "The Classic Round",
|
||||
description: "Timeless elegance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-eyeglasses-open-book-quiet-reading-generated-by-ai_188544-27752.jpg",
|
||||
},
|
||||
{
|
||||
title: "Modern Minimalist",
|
||||
description: "Sleek and professional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-woman-with-red-lips_158538-4156.jpg",
|
||||
},
|
||||
{
|
||||
title: "Golden Hour",
|
||||
description: "Bold luxury.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/elegance-style-golden-frame_24877-56305.jpg",
|
||||
},
|
||||
{
|
||||
title: "Aero Aviators",
|
||||
description: "Inspired by aviation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-african-male-model-touching-his-black-hat-looking-away-city-cheerful-mulatto-man-with-backpack-walking-around-town-morning_197531-21919.jpg",
|
||||
},
|
||||
{
|
||||
title: "The Clear Frame",
|
||||
description: "Transparent style.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-touching-ar-smart-glasses-futuristic-technology_53876-97895.jpg",
|
||||
},
|
||||
{
|
||||
title: "Vintage Cat-Eye",
|
||||
description: "Feminine charm.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-sunglasses-side-view_23-2149735804.jpg",
|
||||
},
|
||||
{
|
||||
title: "The Signature Horn",
|
||||
description: "Robust and strong.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-colored-macarons-with-white-frames-white-surface_141793-18616.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Collection"
|
||||
title="Featured Frames"
|
||||
description="Explore our curated selection of signature styles for every personality."
|
||||
items={[
|
||||
{ title: "The Classic Round", description: "Timeless elegance.", imageSrc: "http://img.b2bpic.net/free-photo/vintage-eyeglasses-open-book-quiet-reading-generated-by-ai_188544-27752.jpg" },
|
||||
{ title: "Modern Minimalist", description: "Sleek and professional.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-woman-with-red-lips_158538-4156.jpg" },
|
||||
{ title: "Golden Hour", description: "Bold luxury.", imageSrc: "http://img.b2bpic.net/free-vector/elegance-style-golden-frame_24877-56305.jpg" },
|
||||
{ title: "Aero Aviators", description: "Inspired by aviation.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-african-male-model-touching-his-black-hat-looking-away-city-cheerful-mulatto-man-with-backpack-walking-around-town-morning_197531-21919.jpg" },
|
||||
{ title: "The Clear Frame", description: "Transparent style.", imageSrc: "http://img.b2bpic.net/free-photo/woman-touching-ar-smart-glasses-futuristic-technology_53876-97895.jpg" },
|
||||
{ title: "Vintage Cat-Eye", description: "Feminine charm.", imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-sunglasses-side-view_23-2149735804.jpg" },
|
||||
{ title: "The Signature Horn", description: "Robust and strong.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-colored-macarons-with-white-frames-white-surface_141793-18616.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<SectionErrorBoundary name="pricing">
|
||||
<div id="pricing" data-section="pricing">
|
||||
<SectionErrorBoundary name="pricing">
|
||||
<PricingSimpleCards
|
||||
tag="Pricing"
|
||||
title="Transparent Options"
|
||||
description="Premium eyewear without the luxury markup."
|
||||
plans={[
|
||||
{
|
||||
tag: "Essentials",
|
||||
price: "$120",
|
||||
description: "Frame + Basic Lenses",
|
||||
features: [
|
||||
"Scratch resistant",
|
||||
"UV coating",
|
||||
"Soft case included",
|
||||
],
|
||||
},
|
||||
{
|
||||
tag: "Blue Block",
|
||||
price: "$160",
|
||||
description: "Frame + Blue Light Lenses",
|
||||
features: [
|
||||
"Blue light filter",
|
||||
"Anti-reflective",
|
||||
"Hard case included",
|
||||
],
|
||||
},
|
||||
{
|
||||
tag: "Polarized",
|
||||
price: "$200",
|
||||
description: "Frame + Polarized Lenses",
|
||||
features: [
|
||||
"100% UV protection",
|
||||
"Anti-glare",
|
||||
"Cleaning kit included",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Pricing"
|
||||
title="Transparent Options"
|
||||
description="Premium eyewear without the luxury markup."
|
||||
plans={[
|
||||
{ tag: "Essentials", price: "$120", description: "Frame + Basic Lenses", features: ["Scratch resistant", "UV coating", "Soft case included"] },
|
||||
{ tag: "Blue Block", price: "$160", description: "Frame + Blue Light Lenses", features: ["Blue light filter", "Anti-reflective", "Hard case included"] },
|
||||
{ tag: "Polarized", price: "$200", description: "Frame + Polarized Lenses", features: ["100% UV protection", "Anti-glare", "Cleaning kit included"] }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<SectionErrorBoundary name="testimonial">
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<SectionErrorBoundary name="testimonial">
|
||||
<TestimonialTrustCard
|
||||
quote="The most comfortable pair of glasses I have ever owned. The attention to detail is truly remarkable."
|
||||
rating={5}
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
name: "Sarah M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-woman-smiling_23-2148665469.jpg",
|
||||
},
|
||||
{
|
||||
name: "David K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-short-hair_329181-13447.jpg",
|
||||
},
|
||||
{
|
||||
name: "Emily R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-time_1098-16186.jpg",
|
||||
},
|
||||
{
|
||||
name: "Michael B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-optician-checking-eyeglasses-frame_23-2148273165.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jessica L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-flannel-suit-glasses-listening-music-room-with-loft-interior_613910-4423.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
quote="The most comfortable pair of glasses I have ever owned. The attention to detail is truly remarkable."
|
||||
rating={5}
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{ name: "Sarah M.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-woman-smiling_23-2148665469.jpg" },
|
||||
{ name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-short-hair_329181-13447.jpg" },
|
||||
{ name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/coffee-time_1098-16186.jpg" },
|
||||
{ name: "Michael B.", imageSrc: "http://img.b2bpic.net/free-photo/woman-optician-checking-eyeglasses-frame_23-2148273165.jpg" },
|
||||
{ name: "Jessica L.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-flannel-suit-glasses-listening-music-room-with-loft-interior_613910-4423.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTwoColumn
|
||||
tag="Support"
|
||||
title="Common Questions"
|
||||
description="Find quick answers to help you see clearly."
|
||||
items={[
|
||||
{
|
||||
question: "What is the return policy?",
|
||||
answer: "We offer a 30-day no-hassle return policy.",
|
||||
},
|
||||
{
|
||||
question: "Are your frames handmade?",
|
||||
answer: "Yes, every frame is individually hand-polished.",
|
||||
},
|
||||
{
|
||||
question: "Do you ship internationally?",
|
||||
answer: "Currently, we ship to US, Canada, and select EU countries.",
|
||||
},
|
||||
{
|
||||
question: "Can I replace my prescription lenses?",
|
||||
answer: "Yes, our frames are designed for easy prescription lens installation by local opticians.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Support"
|
||||
title="Common Questions"
|
||||
description="Find quick answers to help you see clearly."
|
||||
items={[
|
||||
{ question: "What is the return policy?", answer: "We offer a 30-day no-hassle return policy." },
|
||||
{ question: "Are your frames handmade?", answer: "Yes, every frame is individually hand-polished." },
|
||||
{ question: "Do you ship internationally?", answer: "Currently, we ship to US, Canada, and select EU countries." },
|
||||
{ question: "Can I replace my prescription lenses?", answer: "Yes, our frames are designed for easy prescription lens installation by local opticians." }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Get in touch"
|
||||
text="Ready to find your new look? Reach out for a consultation."
|
||||
primaryButton={{
|
||||
text: "Email Us",
|
||||
href: "mailto:hello@thirdeyeglasses.com",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Visit Instagram",
|
||||
href: "https://www.instagram.com/thirdeyeglasses_/",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Get in touch"
|
||||
text="Ready to find your new look? Reach out for a consultation."
|
||||
primaryButton={{ text: "Email Us", href: "mailto:hello@thirdeyeglasses.com" }}
|
||||
secondaryButton={{ text: "Visit Instagram", href: "https://www.instagram.com/thirdeyeglasses_/" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user