test

Author: Tianyou-Song

src/components/landing-page-components/context-providers/mobile-context-provider.jsx

@@ -4,10 +4,13 @@ const MobileContext = createContext(true);
 
 export const MobileContextProvider = ({ children }) => {
   const [isMobile, setIsMobile] = useState(true);
+  const [isTablet, setIsTablet] = useState(false);
 
   useEffect(() => {
+    if (!window) return;
     const handleResize = () => {
       setIsMobile(window.innerWidth < 896);
+      setIsTablet(window.innerWidth < 1024);
     };
     handleResize();
     window.addEventListener('resize', handleResize);
@@ -18,7 +21,7 @@ export const MobileContextProvider = ({ children }) => {
   }, []);
 
   return (
-    <MobileContext.Provider value={isMobile}>
+    <MobileContext.Provider value={{isMobile, isTablet}}>
       {children}
     </MobileContext.Provider>
   );

src/components/landing-page-components/parts/landing-page-card.jsx

@@ -5,7 +5,7 @@ const LandingPageCard = ({
   className = '',
   children,
 }) => {
-  const isMobile = useIsMobile();
+  const { isMobile } = useIsMobile();
 
   return (
     <div

src/components/landing-page-components/parts/landing-page-dropdown.jsx

@@ -8,7 +8,7 @@ const LandingPageDropdown = ({
   description,
   borderBottom,
 }) => {
-  const isMobile = useIsMobile();
+  const { isMobile } = useIsMobile();
   const [isExpanded, setIsExpanded] = useState(false);
 
   const toggleExpand = () => {

src/components/landing-page-components/parts/landing-page-feature-card.jsx

@@ -7,7 +7,7 @@ const LandingPageFeatureCard = ({
   title,
   description,
 }) => {
-  const isMobile = useIsMobile();
+  const { isMobile } = useIsMobile();
 
   return (
     <CardSpotlight

src/components/landing-page-components/parts/landing-page-quote-card.jsx

@@ -9,7 +9,7 @@ const LandingPageQuoteCard = ({
 }) => {
   const cardRef = useRef(null);
   const [carWidth, setCardWidth] = useState(0);
-  const isMobile = useIsMobile();
+  const { isMobile } = useIsMobile();
 
   useEffect(() => {
     const handleResize = () => {

src/components/landing-page-components/parts/pricing-card.jsx

@@ -11,7 +11,7 @@ const PricingCard = ({
   buttonTitle,
   href
 }) => {
-  const isMobile = useIsMobile();
+  const { isMobile } = useIsMobile();
 
   return (
     <div

src/components/landing-page-components/sections/landing-page-call-to-action.jsx

@@ -8,7 +8,7 @@ import { LINK_CHAT_WITH_FOUNDERS, LINK_GET_STARTED } from '@site/src/constants/l
 
 const LandingPageCallToAction = () => {
   const history = useHistory();
-  const isMobile = useIsMobile();
+  const { isMobile } = useIsMobile();
   return (
     <LandingPageCard>
       <div

src/components/landing-page-components/sections/landing-page-community.jsx

@@ -3,7 +3,7 @@ import PrimaryButtonWhiteText from '../parts/landing-page-button-primary-white-t
 import { useIsMobile } from '../context-providers/mobile-context-provider';
 
 const LandingPageCommunityCard = () => {
-  const isMobile = useIsMobile();
+  const { isMobile } = useIsMobile();
 
   return (
     <div

src/components/landing-page-components/sections/landing-page-demo-card.jsx

@@ -4,7 +4,7 @@ import LandingPageLink from '../parts/landing-page-link';
 import { useIsMobile } from '../context-providers/mobile-context-provider';
 
 const LandingPageDemoCard = () => {
-  const isMobile = useIsMobile();
+  const { isMobile } = useIsMobile();
 
   return (
     <LandingPageCard>

src/components/landing-page-components/sections/landing-page-end.jsx

@@ -11,7 +11,7 @@ const BACKER_LOGOS_SRC = [
 ];
 
 const LandingPageEnd = () => {
-  const isMobile = useIsMobile();
+  const { isMobile } = useIsMobile();
 
   return (
     <div